@charset "ISO-8859-1";
/* engelWERK - berlin */
/* ---- milieu ---- */
body { margin:0; font-family:Arial,Avantgarde,Times,sans-serif; font-size:0.81em; color:#313131; background-color:#FFFFFF;
        }

div.droit { position:absolute; left:80px; top:0px; }
div.gauche { border:0px; width:80px; height:139px; }

div.un { position:absolute; top:139px; left:0px; height:1px; width:100%; background-color:#363636; z-index:2;}
div.deux { height:16px; width:100%; border-bottom: 1px solid #DD3333; }
div.trois { position:absolute; top:1px; left:80px; height:620px; width:1px; background-color:#DD3333; z-index:2;}
div.quatre { float:left; margin-top:16px; height:550px; overflow:hidden; width:80px; }

/* Hauptnavigation 
---------------------*/
#Navigation {
  float:left; margin-top:16px; height:500px; margin-left:20px; margin-right:40px; 
  width: 170px; border: 0px dashed #CC3333; 
  font-size: 1em; 
}
#Navigation ul {
  padding: 0px;
  margin: 0px; 
  list-style: none; 
  border-bottom: 1px solid #363636; 
  }
#Navigation a {
  display: block; 
  text-decoration: none; 
}
* html #Navigation a, * html #Navigation ul li a:link, * html #Navigation ul li a:visited {  
   width: 100%;
}
#Navigation ul li {
   border-top: 1px solid #363636;
   padding: 1px 0px; 
}
* html #Navigation ul li {
   height: 1em; 
}
#Navigation ul li a {
   padding: 10px 0 10px 5px; 
   color:#BB3333;
}
#Navigation ul li a:hover, #Navigation ul li a:focus, #Navigation ul li a:active {
  color:#fff;
  text-decoration: underline;  
  background-color: #CC3333; 
}
#Navigation ul li a:link, #Navigation ul li a:visited {
  font-weight:bold; }
* html #Navigation ul li a:link {width:100%; }

/* zweite Navigations-Ebene 
------------------------------  */
#Navigation ul li ul {
  border-bottom: 0px solid #363636; padding: 1px 0px 0px 0px; 
}
#Navigation ul li ul li {
   padding: 1px 0px 0px 0px; background-color: #F7F7F7; margin-left:13px; 
}
#Navigation ul li ul li a { 
  padding: 6px 0 6px 5px; 
}
#Navigation ul li ul li a:link, #Navigation ul li ul li a:visited {
  font-weight: normal; text-decoration: none; 
}
#Navigation ul li ul li a:hover, #Navigation ul li ul li a:focus {
  color: #FFFFFF; 
  text-decoration: underline; 
  background-color: #C7C7C7;
}
#Navigation ul li ul li a:active {
}

/* #Navigation ul li.aktiv { 
  color: #BB3333; 
  background-color: #F7F7F7; 
  text-decoration: none; 
}
* html #Navigation ul li.aktiv {
   background-position: 10px 0.7em;
}  */
#Navigation ul li a.aktuell {
  display: block;
  color: #FFFFFF; 
  font-weight: bold; 
  text-decoration: underline; 
  background-color: #CC3333; 
}
#Navigation ul li ul li.aktiv {
  color: #FFFFFF; 
  font-weight: normal; 
  text-decoration: underline; 
  background-color: #C7C7C7;
  padding: 7px 0 7px 5px; 
}

.unsichtbar { /* Navigation überspringen */
  position: absolute;
  left: -1000px;
  top: -1000px; 
  width: 0px;
  height: 0px;
  overflow: hidden;
  display: inline; 
}

/* Contenu
 ---------- */

div.contenu em {font-style:normal;}

.orientierung { font-size:0.75em; margin-top:0px; }

div.contenu { float:left; padding-top:0; margin-top:16px; min-height:500px; margin-right:0px; width:43%; border:0px dashed #CC3333;}
div.contenu ul { position:relative; list-style-type:disc; line-height:1.35em; font-weight:normal; }
div.contenu p { text-align:left; line-height:1.35em; }
div.contenu h1 { text-align:left; font-variant:small-caps; font-size:1.3em; }
div.contenu h2 { text-align:left; font-weight:bold; font-variant:normal; text-indent:20px; font-size:1em; border-left: solid 0.4em #CC3333;}
div.contenu h3 { text-align:left; font-weight:normal; font-style:italic; font-size:1em; }
div.contenu h4 { text-align:left; font-weight:normal; font-variant:normal; text-indent:0px; font-size:1em; }
div.contenu table { font-size:0.9em; }
div.contenu a { text-decoration:none; color:#BB3333;}
div.contenu a:hover { text-decoration:underline;}
div.contenu span { font-style:italic;}
.ankuendigung { text-decoration:underline; font-variant:small-caps; font-size:1.3em; }
div.spon { color:#818181; font-size:0.66em; }
div.spon a { color:#818181; }
div.spon a:hover { color:#BB3333; }

/* Seitennavigation 
 --------------------*/
#Navihoz { float:left; height:75px; width:165px; margin-left:20px; margin-right:10px; 
  margin-top:16px; 
  border: 0px dashed #CC3333; 
}
#Navihoz ul {
  text-align:center; line-height:1.95em; 
  font-size: 0.8em; 
  margin-left: 0em;  padding-left: 0em; /* linksbündige Liste */
}
#Navihoz ul li {
  list-style:none; padding: 0 4px; 
  display:inline;
  border-right: 1px solid #363636; 
}
#Navihoz ul a {
  color:#313131; text-decoration:none; 
}
/*--  * html ul#Navihoz a {
    width: 1em;    
    w/idth: auto;  
} Nutzen die "Formatierungs-Möglichkeit von 1em" (erstere für ie5.0x, zweite für ie sicherheitshalber, wenn die Menüpunkte unterschiedlich breit dargestellt werden bzw. nur soviel Raum wie ihr Inhalt einnehmen sollen. */
#Navihoz ul a:link, #Navizoz ul a:visited { 
}
#Navihoz ul a:hover, #Navihoz ul a:focus, #Navihoz ul a:active {
  color:#BB3333; text-decoration:underline;
}
#Navihoz ul span {
  text-decoration:underline; color:#BB3333;
}

/* Info-Box
  ---------- */
.infobox { float:left; overflow:hidden; height:350px; width:160px; margin-top:25px; margin-left:20px; border: 1px dashed #C7C7C7; 
   background-color:#F7F7F7; padding:5px; }

.infobox h3 { font-size:1em; margin-top:1px; text-align:left; font-weight:normal; text-decoration:none; font-variant:small-caps; line-height:1.2; color:#BB3333; }
.infobox ul { list-style-type: square;
            /* Abstand Liste linker Rand: (margin und padding) */ margin: 0; padding: 0; 
            font-size:0.9em; list-style-position:inside; }
.infobox a { text-decoration:none; color:#BB3333; }
.infobox a:hover, .infobox a:focus { text-decoration:underline;}

.infobild { float:left; margin-top:25px; margin-left:20px; border: 0px dashed #C7C7C7; }
.infobild p {} /* Unterschrift */

/* Bildunterschrift
  ------------------ */
.bildunter { float: left; margin: 10px 20px 5px 20px; /* wg. des floats muss hier die Bildbreite stehen, wg. der Größen kommt sie als style="CSS-Eigenschaft:Wert; ..."> ins html */ }
.bildunter div { padding: 3px 1px; font-size: 9px; background:#eee; }
img { border: 0; }

/* arrete l'elements de navigation 
 ---------------------------------- */
#pied { display:none; }
div.prl { display:none; }

/* sitemap 
  --------- */
div#sitemap h1 { color:#313131; text-align:left; font-variant:small-caps; font-size:1.3em; }
div#sitemap { float:left; margin-top:16px; min-height:500px; margin-right:0px; width:24%; border:0px dashed #CC3333;
              line-height: 20px; }
div#sitemap li { padding: 0 0 0 24px; margin: 0; list-style-type: none; }
div#sitemap li { background: url(images/lia.jpg) no-repeat 0% 0%; }
div#sitemap li.non { background: url(images/lib.jpg) no-repeat 0% 0%; }

div#sitemap ul { padding: 0 0 0 24px; margin: 0 0 0 -24px; list-style-type: none; }
div#sitemap ul { background: url(images/ula.jpg) repeat-y 0% 0%; }
div#sitemap ul.non { background-image: none; }

div#sitemap a { color:#313131; text-decoration:none; }
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active { color:#BB3333; text-decoration:underline; }

div#sitemapi h1 { color:#313131; text-align:left; font-variant:small-caps; font-size:1.3em; }
div#sitemapi { float:left; margin-top:16px; min-height:500px; margin-right:0px; width:19%; border:0px dashed #CC3333;
              line-height: 20px; }
div#sitemapi li { padding: 0 0 0 24px; margin: 0; list-style-type: none; }
div#sitemapi li { background: url(images/lia.jpg) no-repeat 0% 0%; }
div#sitemapi li.non { background: url(images/lib.jpg) no-repeat 0% 0%; }

div#sitemapi ul { padding: 0 0 0 24px; margin: 0 0 0 -24px; list-style-type: none; }
div#sitemapi ul { background: url(images/ula.jpg) repeat-y 0% 0%; }
div#sitemapi ul.non { background-image: none; }

div#sitemapi a { color:#313131; text-decoration:none; }
div#sitemapi a:hover, div#sitemap a:focus, div#sitemap a:active { color:#BB3333; text-decoration:underline; }

/* Cont
 ---------- */

div.cont { float:left; margin-top:16px; min-height:500px; margin-right:0px; width:45%; border:0px dashed #CC3333; font-size:1.3em; line-height:0; }

div.cont a { text-decoration:none; color:#BB3333; }
div.cont a:hover { text-decoration:underline;}
div.cont span { font-style:italic; }
/* Images */
div.cont img.qdig-image { background-color:#eeeeee; border:1px solid #cccccc; }
div.cont img.qdig-thumb { background-color:#eeeeee; border:1px solid #cccccc; }
div.cont img#qdig-thumb-current { border:2px solid #BB3333; }
div.cont img.qdig-all-thumb { background-color:#eeeeee; border:0px solid #cccccc; }