/******************************
* Dokument
******************************/
* { margin:0px; padding:0px; 
    color:#000000;
    border:0px;
    font-family:Futura, Verdana, Helvetica, Arial, Sans-serif;
    text-align:left;
    }

html { scrollbar-face-color:#bbbbbb; scrollbar-shadow-color:#ffffff;
       scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffffff;
       scrollbar-darkshadow-color:#bbbbbb; scrollbar-track-color:#ffffff;
       scrollbar-arrow-color:#ffffff;
       overflow-x: hidden;
       }
            

/******************************
* Navigation und Links
******************************/
#menu { margin:0px 0px 0px; 
        padding:7px 0px 7px 165px;
        background: #bbbbbb; 
        font-size:14px; } 
        
#nav { list-style: none; } 
#nav li { display: inline; list-style: none; } 
#nav a { font-weight:bold; text-decoration:none; }    
#nav a:hover { text-decoration:underline; } 

a {  background-color:transparent; text-decoration: none; }
a:hover { text-decoration:underline; } 


/******************************
* Seitenstruktur
******************************/

.gesamt { margin:25px auto 0px;
		      width:950px;
		      text-align:left; 
		      background-color:#ffffff;
          border:0px solid #bbbbbb;
          }
          
/* Inhalte in der Mitte */
.inhalt { margin:40px 0px 0px 0px;
          padding: 0px 0px 0px 21px;
		      width:825px; min-height:250px;
          text-align:left; 
          background-color:#ffffff;
          overflow:auto;
          font-size:12px;
          }
          
#seitenleiste{
  float: left;
  width:180px;
  min-height:250px;
  font-size:12px;
}

#inhalt-liste{ float: left; width:550px; }
#container-main-vorschau{ float: right; width:640px; }
#inhalt-vorschau{ text-align:center; width:615px; padding-left: 10px;}


/******************************
* Überschriften und Texte
******************************/
/* Texte */	
h1 { margin-bottom: 10px; font-size:18px; }
h2 { margin:20px 0px 5px 0px; font-weight:bold; text-decoration:underline; font-size:14px; }
h3 { margin: 20px 0px 0px 0px; font-size:14px; }
h4 { margin-bottom:5px; font-weight:bold; text-decoration:underline; font-size:14px; }
h5 { margin:20px 0px 5px 0px; font-weight:bold; text-decoration:underline; font-size:14px; }
     
p.aktiv { color:#555555; font-weight:bold; display:inline; text-decoration:underline; }
p.pfad { color:#ff0000;}

/******************************
* Bilder allgemein
******************************/

img { margin: 0; padding: 0; border: 0; display:block;}
img.logo {margin:-132px 0px 0px 720px; position:absolute;}
img.footer {margin-bottom:10px ; }
img.symbol { display:inline;}

/******************************
* Auflistung der Thumbnails
******************************/
.container-bilderliste{ padding-left: 10px; }

.bilderliste{
  list-style-type: none;
  padding: 0 0 10px 0;
  margin: 0; }

/* Rahmen um jedes Bild */
.bilderliste li{
  float: left;
  display: inline;
  margin: 0px 0 30px 0px;
  width: 160px;
  height: 120px;
}

.bilderliste li img{
  border: 1px solid #DCDCDC;
  padding: 5px;
  background: transparent;
}

.bilderliste li a:hover img{ border: 1px solid #717171; }

.seitenzahlen{ clear: left; text-align:left; }
.seitenzahlenoben{ text-align:left; }
.seiteninfo{ clear: left; font-size: 10px; margin-top: 10px;}

/******************************
* Anzeigen eines Vorschaubildes
******************************/
#bildhalter{ background: url('loader.gif') 50% 50% no-repeat;}
#vorschaubild { background: transparent; }
.vorschaubild-rahmen{ border:1px solid #bbbbbb; padding:5px; margin-top:5px; }