/* ------------ generelle Elemente ------------ */


#overlay {
   position: fixed;
   z-index:199;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
}
* html #overlay { /* ie6 hack */
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.
    offsetHeight ? document.body.scrollHeight : document.body.
    offsetHeight + 'px');
}
.overlayBG {
   background-color:#000000;
   -ms-filter: "Alpha(Opacity=70)"; /* IE 8 */
   filter:alpha(opacity=70); /* IE5-7 */
   -moz-opacity: 0.7; /* Mozilla */
   opacity: 0.7;
}
#lightBox {
   position:fixed;
   top:50%;
   left:50%;
   margin-left:-250px;
   margin-top:-238px;
   z-index:200;
   width:500px;
   height:476px;
   background-color:#fff;
   text-align:center;
   overflow:hidden;
}

* html #lightBox { /* ie6 hack */
   position: absolute;
   margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
     (TBWindowMargin = document.documentElement && 
     document.documentElement.scrollTop || 
     document.body.scrollTop) + 'px');
}

#pointer {
  cursor:pointer;
  margin-right: 5px;
}

#picture {
  max-height:310px;
  max-width:465px;
  border:1px solid #888888;
}

#pfeile {
  background-color:#ffffff;
  position:absolute;
  bottom:120px;
  cursor:pointer;
}

#vorschauBg {
  height:120px;
  background-color:#bbbbbb;
  position:absolute;
  bottom: 0px;
  overflow: hidden;
  width:100%;
}

#vorschauBilder { 
  height:100px;
  position:relative;
  left:0px;
  top:8px;
}

#bildertabelle {
  border-spacing:10px 0px;
}

#vorschauBg img {
  float:left;
  height: 100px;
  cursor:pointer;
}




body {
  font: 12px Arial, sans-serif, Lucida, Helvetica;
  color: #333333;
  margin:1.5em;
  line-height:150%;
  background-color:#555555;
  min-height:100%;
}

div.seite {
  
  margin:auto;
  width:90%;
  border:1px solid #c4c4c4;
  background:#ffffff;
  font:12px Arial;
  text-align:left;
  width:990px;

    
}


/* ----- Sidebar  ----- */


div.sidebar {
  float:left;
  padding:1em;
  padding-top:32px;
  width:200px;
  border-right:0px solid #eaeaea;  
}


/* --------------- rechte Seite (Hauptfeld, welches in 2 Teile unterteilt ist) ------------------ */


div.rechte_seite {
  text-align:left;
  padding-top:0;
  padding-left:0;
  padding-right:0;
  display:inline-block;
  min-height:550px;
  
}


 /* --------------- mainleft ------------------ */

td.mainleft {
  width:494px;
  vertical-align:top;
  padding-top:12px;
  padding-left:12px;
  padding-right:30px;
  
 }
 
  /* --------------- mainright ------------------ */

 td.mainright {
  width:201px;
  padding:32px 11px 11px 11px;
  vertical-align:top;
 }
 
 
 
.beispiel { 
   margin-top:16px;
   background-color: #ffffcc;
   border-top: #cccccc 1px solid; 
   border-left: #cccccc 1px solid; 
   border-bottom: #a1a1a1 2px solid; 
   border-right: #a1a1a1 2px solid;
   color:#636363;
  }







/* ----- Navigations-Menü rechts -----  */

.menu {
border-width:0px; border-style:solid; border-color:#cccccc; border-spacing:0px; text-align:left;}
                /* ----- main -----  */
/*.main_menu {
  height:36px; padding:0px; background-color: #B2B2B2; font-size:18px; text-align:left;}    */

.main_menu {
border-top: #a1a1a1 1px solid; /* Farbe und Art des oberen Rands */
border-left: #dddddd 1px solid; /* linker Rand */
border-bottom: #a1a1a1 1px solid; /* unterer Rand */
border-right: #dddddd 1px solid; /* rechter Rand */
}

.main_menu a  {
	padding: 4px 2px 4px 2px ; margin: 0px; color:#636363; text-decoration:none; font-weight: bold;
   font-size:14px; background-color: #FFFFCC; display:block; vertical-align:middle;}

.main_menu a:hover {
	background-color:#FFF500;	color:#636363; text-decoration:none; font-weight:bold;}

.main_menu a.sel { 
  background-color:#FFF500; color:#636363; font-weight:bold;}
.main_menu a:hover.sel { 
  background-color:#FFF500; color:#636363; font-weight:bold;}

                /* ----- sub -----  */
/*.sub_menu tr{
  height:18px; padding-left:6px; background-color: #CCCCCC; font-size:12px; text-align:left;}  */

.sub_menu a {
	padding: 4px 2px 4px 8px; margin: 0px; color:#333333; text-decoration:none;
   font-size:12px; background-color: #f0f0f0; display:block; vertical-align:middle; text-indent:-3px;}

.sub_menu a:hover {
	background-color:#f0f0f0;	color:black; text-decoration:none; font-weight:bold;}

.sub_menu a.sel { 
  background-color:#f0f0f0; color:black; font-weight:bold;}
  
a:hover.sel { 
  background-color:#f0f0f0; color:black; font-weight:bold;}


                /* ----- subsub -----  */
/*.subsub_menu tr{
  height:16px; padding-left:10px; background-color: #EEEEEE; font-size:12px; text-align:left;} */

/*
  .subsub_menu {
    border-bottom: #cccccc 1px solid;
    border-top: #cccccc 1px solid;}
  
  .subsub_menu a {
  	padding: 4px 2px 4px 12px; margin: 0px; color:#555555; text-decoration:none; display:block; text-indent:-3px;;}
  
  .subsub_menu a:hover {
  	background-color:#dc373e;	color:black; text-decoration:none}
  
  .subsub_menu a.sel, a:hover.sel { background-color:#dc373e; color:black;}                
*/                
   

/* --------------- Schriftelemente ------------------ */

/* Übeschriften generell */
h1, h2, h3, h4, h5 {
  color: #333333;
  font-family: Arial, sans-serif, Verdana, Georgia, Helvetica;
  font-weight: normal;
  text-align:left;
  margin-left:    0;
  margin-right:   0;
  margin-bottom:  0.5em;
  padding-left:   0;
  padding-right:  0;
  padding-bottom:  3px;
  clear: left;
}

/* für jeweilige Überschrift */
h1 {margin-left: 0px; font-size: 2.0em; border-bottom:0px solid #eaeaea;}
h2 {margin-left: 4px; font-size: 1.8em; border-bottom:1px solid #eaeaea; margin-top:1em;}
h3 {margin-left: 8px; font-size: 1.6em; border-bottom: none;#eaeaea; margin-top:0.8em;}
h4 {margin-left: 12px; font-size: 1.4em; border-bottom: none; font-weight:bold;}
h5 {margin-left: 16px; font-size: 1.2em; border-bottom: none; font-weight:bold;}


/* indent different sections */
div.level1 {margin-left: 0px;}
div.level2 {margin-left: 4px;}
div.level3 {margin-left: 8px;}
div.level4 {margin-left: 12px;}
div.level5 {margin-left: 16px;}

/* Listen */
.li {
  color: #333333;
  font-weight: normal;
}

li a {text-decoration:none; color: #333333; 
}
li a:hover {color: red;}