/*===========================================================
Stylesheet für den Internetauftritt der NES-Allianz
Stand:     02. November 2009
Datei:     bildschirm.css
Autor:     Holger Back

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
        3. Sonstige Styles
=============================================================*/


/*
=========================================
  1. Kalibrierung und allgemeine Styles
=========================================
*/

/* Die wichtigsten Abstände */

* {
   padding: 0px;
   margin: 0px;
   }


/* Allgemeine Selektoren */

html {
   height: 101%;
   } /* erzwingt Scrollbar im Firefox */


body {
   background-color: #C4006E;
   color: #333333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   }


h1 {
   font-size: 2.0em;
   }

h2 {
   font-size: 1.8em;
   }

h3 {
   font-size: 1.6em;
   }

h4 {
   font-size: 1.4em;
   }

h5 {
   font-size: 1.1em;
   font-weight: bold;
   text-decoration: underline;
   }

h6 {
   font-size: 1.0em;
   font-weight: bold;
   text-decoration: underline;
   }


/*  Hyperlinks allgemein  */

a {
   text-decoration: none;
   outline: none;
   }

a:link {
   color: #2269C3;
   }

a:visited {
   color: #2269C3;
   }

a:hover, a:focus   {
   color: #990000;
   border-bottom: 2px solid #990000;
   }

a:active {
   color: #990000;
   border-bottom: 2px solid #990000;
   }

.skiplink {
   position: absolute;
   top: -3000px;
   left: -5000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
   }

/*
=========================================
       2. Styles für Layoutbereiche
=========================================
*/

#wrapper {
   background-color: #ffffff;
/*   background: url(../grafiken/hg-dots.jpg) repeat-y;*/
   width: 1000px;
   min-height: 803px;
   padding: 15px 10px 10px 14px;
   }


#kopfbereich {
   background: url(../grafiken/header.jpg);
/*   background-color: #E7E7E7;*/
   width: 1000px;
   height: 160px;
   margin-bottom: 10px;
   }


div#kopfbereich a:link {
   border: none;
   text-decoration: none;
   }


div#kopfbereich a:visited {
   border: none;
   text-decoration: none;
   }


div#kopfbereich a:hover, a:focus {
   border: none;
   text-decoration: none;
   }


div#kopfbereich a:active {
   border: none;
   text-decoration: none;
   }

/*#kopfbereich img {
   border: 0px;
   }*/


#navibereich {
   float: left;
/*   background-color: #ffccff;*/
   font-size: 0.9em;
   width: 173px;
   padding: 0px;
   margin: 0px 20px 15px 1px;
   }


* html div#navibereich {
   width: 41.4em;
   width: 39.8em;  /* IE 6 in standards-compliant mode */
   }

div#navibereich div {
   clear: left;
   }


#navibereich ul {
   text-align: left;
   padding: 0 0 0 1px;
   margin: 0;
   }

#navibereich ul li {
   position: relative;
   list-style: none;
   float: left;
   padding: 0;
   margin: 0px;
   }


/** html #navibereich ul li {
   margin-bottom: -5px;
   }*/


#navibereich ul li ul {
   position: absolute;
   top: 0px;
   left: 163px;
   margin: 0;
   padding: 0;
   }


* html #navibereich ul li ul {
   left: 0px;
   left: 0px;
   }


#navibereich ul li ul li {
   float: none;
   display: block;
   margin: 0px;
   }


#navibereich ul a,
#navibereich ul span {
   display: block;
   background-color: #faebf4;
   text-decoration: none;
   color: #333333;
   font-weight: bold;
   border-bottom: 1px solid #999999;
   width: 165px;
   padding: 4px;
   }


* html #navibereich ul a,
* html #navibereich ul span {
   width: 170px;
   width: 7em;  /* IE 6 in standards-compliant mode */
   }


#navibereich ul a:hover,
#navibereich ul span,
li a#aktuell:hover {
   background-color: #c4006e;
   padding: 4px;
   }


#navibereich ul li ul a:hover {
   border-color: #c4006e;
   border-bottom: 1px solid #999999;
   }


li a#aktuell {
   background-color: #c4006e;
   }


#navibereich ul li ul span {
   background-color: #FF8ED2;
   color: #000000;
   }


#navibereich ul li a:active,
#navibereich ul li:hover a:active {
   background-color: #FF8ED2;
   color: black;
   }

/* dynamisches Ein-/Ausblenden */
#navibereich ul li ul {
   display: none;
   }


#navibereich ul li:hover ul {
   display: block;
   margin-left: 10px;
   clear: both;
   }


#navizeile {
/*   float: left;*/
   font-size: 1.1em;
   width: 610px;
   height: 43px;
   padding: 5px 3px 0px 10px;
   margin: 0 0 0 198px;
   }


#navizeile li a {
   text-decoration: none;
   display: block;
   color: #ffffff;
   padding: 3px 3px;
   }


#navizeile li a:hover, a:focus, a:active {
   background-color: transparent;
   color: #990000;
   border-bottom: 2px solid #990000;
   }


#infobereich {
   float: right;
   width: 148px;
   min-height: 300px;
   padding: 0px;
   margin: 0 13px 0 0;
   }


#infobereich ul {
   list-style-type: circle;
   }


#infobereich li {
   line-height: 18px;
   margin-left: 13px;
   }


#info1 {
   background-color: #ffffff;
   font-size: 0.75em;
   width: 137px;
   height: 300px;
   padding: 0px 4px 4px;
   margin: 0px 0px 0px 2px;
   }


#textbereich {
   float: left;
   background-color: #ffffff;
   width: 576px;
   min-height: 505px;
   padding: 10px 10px 10px 10px;
   margin: 0px 0px 10px 0;
   }


#textbereich ul {
   padding: 0 0 0 15px;
   }


#textbereich ul li {
   padding: 0 0 10px 0;
   }


.oben {
   background-image: url(../grafiken/oben.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   font-size: 0.7em;
   }


.mitte {
   background: url(../grafiken/mitte.jpg) repeat-y;
   background-position: left;
   min-height: 1000px;
   padding: 0 0px 0 4px;
   }


.unten {
   background-image: url(../grafiken/unten.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
   min-height: 50px;
   }



#fussbereich {
   clear: both;
   background: url(../grafiken/fussbereich.gif) no-repeat bottom left;
   text-align: center;
   height: 50px;
   margin: 0 0 0 3px;
   }


#fussbereich ul {
   font-size: 0.8em;
   padding: 12px 5px;
   }


#fussbereich li {
   display: inline;
   list-style-image: none;
   list-style-position: outside;
   list-style-type: none;
   padding: 0px 10px;
   }


#fussbereich ul li a:hover, a:focus {
   color: #990000;
   border-bottom: 2px solid #990000;
   }


/*
=========================================
  3. Sonstige Styles
=========================================
*/

.fontimpressum {
   font-size: 0.8em;
   }


/*      Formatierungen für den Textbereich       */

.projekte td {
   border-bottom: 1px solid #000000;
   padding: 2px;
   }

.abgeschl {
   background-color: #D0F1C1;
   }

.inarbeit {
   background-color: #F0D2C1;
   }


#textbereich img {
   border: none;
   padding: 10px;
   }


/*        Abstände der Sitemap          */


#textbereich ul.sitemapebene0 li {
   background-image: url(../grafiken/pfeil-schw.gif);
   background-repeat: no-repeat;
   text-decoration: none;
   font-size: 0.9em;
   font-weight: bold;
   margin: 0 0 3px 40px;
   }


#textbereich ul.sitemapebene1 li {
   font-weight: normal;
   }

/*ul.sitemapebene0 {
   margin: 0 0 0 20px;
   }


ul ul.sitemapebene1 {
   margin-left: 40px;
   }*/
   
#textbereich .bildrechts {
    float: right;
    padding: 0 0 5px 5px;
}

#bilduntertitel {
    font-size: 0.7em;
}

#bilduntertitel span {
    font-weight: bold;
}