html
{
  /*height:100%*/
}

body
{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  margin:0px;
  padding:0px;
  background-color:#A8B7BE;
  /*height:100%*/
}

img
{
  border:0px;
}

/*Logo Positionierung*/
#logo
{
  font-size:13px;
  font-weight:bold;
  color:#fff;
  position:absolute;
  bottom:20%;
  right:7%;
  text-transform:uppercase;
  letter-spacing:1px;
}

/*Navigation unten auf der Seite*/
#navigation
{
  /*font-size:0px;*/
  position:absolute;
  top:50%;
  width:100%;
  text-align:center;
}

#navigation div
{
  /*width:575px;*/
  width:600px;
  margin:auto;
  height:20px;
  padding:0px;
}

#navigation div .divider1
{
  width:2px;
  height:16px;
  background-color:#fff;
  margin:0px 53px 0px 52px;
  float:left;
  font-size:0px;
}

#navigation div .divider2
{
  width:2px;
  height:16px;
  background-color:#fff;
  margin:0px 42px 0px 48px;
  float:left;
}
#navigation div .divider3
{
  width:2px;
  height:16px;
  background-color:#fff;
  margin:0px 43px 0px 44px;
  float:left;
}


/*-----------------Fenster Allgemein---------------------*/

/*Sprungmarken im Fenster*/
.anker
{
  display:block;
  width:100%;
  height:20px;
  font-size:0px;
}

/*Container fuer headlines*/
.headline
{
  height:85px;
}

/*Container fuer Inhalte*/
.content_box
{
  height:352px;
  width:100%;
  font-size:11px;
  border-left:
}

/*Navigationsbalken im Fenster*/
.window_nav
{
  height:204px;
  width:100%;
}
/*Navigationsbalken im Fenster Link-Container*/
.window_nav div
{
  position:relative;
  top:10px;
  font-size:11px;
}


/*Abstand der Links in der Fensternavigation*/
.window_nav div div
{
  position:relative;
  top:0px;
  display:block;
  float:right;
  right:0px;
  margin:0px 12px 0px 0px;
  min-width:10px;
  white-space:nowrap;
}



/*Ueberschrift: Stromkilometer*/
h1
{
  margin:0px 0px 15px 11px;
  font-size:17px;
  font-weight:normal;
  letter-spacing:2px;
  border-color:transparent;
  position:relative;
  top:5px;
  /*color:#fff*/
}

/*Ueberschrift: Allgemein*/
h2
{
  margin:0px 0px 0px 10px;
  font-size:14px;
  font-weight:normal;
  letter-spacing:2px;
  position:relative;
  top:4px;
  /*color:#fff*/
}

/*Leerraum am Seitenende damit letzter Anker navigiert werden kann  */
.seitenende
{
  height:100px;
}

/*-----------------Galerien---------------------*/

/*Container fuer images in den Galerien*/
.galery_4 div, .galery_2 div
{
  float:left;
  width:114px;
  height:78px;
  text-align:right;
}

/*Container fuer images in den Galerien*/
.galery_1 div
{
  width:114px;
  height:78px;
  text-align:right;
}



/*Imagegroesse in den Galerien*/
.galery_4 div img, .galery_2 div img, .galery_1 div img
{
  width:104px;
  height:68px;
  border:1px solid #fafafa; 
}

.galery_4 div a:hover img, .galery_2 div a:hover img, .galery_1 div a:hover img
{
  border:1px solid #000; 
}




/*Feldgroesse in den Galerien*/
.galery_4 div div, .galery_2 div div, .galery_1 div div
{
  width:106px;
  height:70px;
  float:right;
}




/*Galerie 4-Spaltig Bild*/
.galery_4
{
  width:456px; 
}
/*Galerie 4-Spaltig Text-Container*/
.text_4
{
  float:left;
  width:456px; 
  /*color:#fff*/
}
/*Galerie 4-Spaltig Text*/
.text_4 div
{
  float:right;
  width:448px; 
  text-align:left;
}



/*Linkliste*/
.text_4 p, .text_2 p
{
  margin:0px 0px 3px 0px;
}




/*Galerie 2-Spaltig Bild*/
.galery_2
{
  width:228px;
  float:left;
}
/*Galerie 2-Spaltig Text-Container*/
.text_2
{
  float:left;
  width:228px; 
  /*color:#fff*/
}
/*Galerie 2-Spaltig Text*/
.text_2 div
{
  float:right;
  width:220px; 
  text-align:left;
}

.galery_2 .big_image
{
  width:228px;
  float:left;
  text-align:right;
}

.galery_2 .big_image img
{
  width:218px;
  height:224px;
}

.galery_4 div a:hover img, .galery_2 div a:hover img, .galery_1 div a:hover img
{
  border:1px solid #000; 
}


/*Galerie 1-Spaltig Bild*/
.galery_1
{
  width:228px; 
  float:left;
}


.text_4 div, .text_2 div
{
  line-height:12px;
}



/*-----------------Fenster---------------------*/

/*Body in allen Contentfenstern*/
#contentwindow

{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:0px 0px 0px 36px;
  padding:0px;
  /*color:#808080;*/
  background-image:url(images/scala1.gif);
  background-repeat: repeat-y;
}


/*Fenster in dem die Bilder angezeigt werden*/
#imagewindow
{
  margin:0px;
  color:#fff;
  font-size:10px;
  width:100%;
  height:100%;
}

/*Gibt dem Fenster die Hintergrundfarbe*/
#imagewindow #farbcontainer
{
  width:100%;
  height:100%;
  background-image:url(images/scala1.gif);
  background-repeat: repeat-y;
  display:block;
}

/*Positioniert das Bild in der Mitte*/
#imagewindow a img
{
  position: absolute;
  left: 50%;
  top: 50%;
}




/*Positioniert die Unterschrift unter das Bild*/
#imagewindow #textcontainer
{
  position: absolute;
  top: 50%;
  width:100%;
}

/*Container fuer die Bildunterschrift*/
#imagewindow #textcontainer p
{
  text-align:center;
  margin:0px;
  padding:10px 30px 10px 53px;
}





/*-----------------LINKS---------------------*/

/*Links allgemein*/
a, a:link, a:visited
{
  text-decoration:none;
}
a:hover
{
  color:#000;
}


/*Katalog Link*/
a#katalog
{
  display:block;
  width:82px;
  height:15px;
  background: url(images/katalog.gif) no-repeat 0px 0px;
  float:left;
}
a#katalog:hover
{
  background: url(images/katalog_d.gif) no-repeat 0px 0px;
}

/*Buero Link*/
a#buero, a#buero:link, a#buero:visited
{
  display:block;
  width:48px;
  height:15px;
  background: url(images/buero.gif) no-repeat 0px 0px;
  float:left;
}
a#buero:hover
{
  background: url(images/buero_d.gif) no-repeat 0px 0px;
}


/*Events Link*/
a#events, a#events:link, a#events:visited
{
  display:block;
  width:73px;
  height:15px;
  background: url(images/events.gif) no-repeat 0px 0px;
  border:0px solid #f00;
  float:left;
}
a#events:hover
{
  color:#000;
  background: url(images/events_d.gif) no-repeat 0px 0px;
}


/*kontakt Link*/
a#kontakt, a#kontakt:link, a#kontakt:visited
{
  display:block;
  width:84px;
  height:15px;
  background: url(images/kontakt.gif) no-repeat 0px 0px;
  float:left;
  margin:0px;
}
a#kontakt:hover
{
  color:#000;
  background: url(images/kontakt_d.gif) no-repeat 0px 0px;
}


/*Positioniert das Bild in der Mitte*/
/*#imagewindow a img, #imagewindow  a:link img, #imagewindow a:visited img
{
  border:0px solid #f00;
}*/

/*Positioniert das Bild in der Mitte*/
/*#imagewindow  a:hover img
{
  border:1px solid #000;
}*/


/*Links im Fenster*/
#contentwindow a, #contentwindow a:link, #contentwindow a:visited
{
  /*color:#fff*/
  text-decoration:none;
}
#contentwindow a:hover
{
  /*color:#fff*/
  text-decoration:underline;
}


/*leerer Link in der Fensternavigation*/
.empty
{
  color:#f00;
  visibility:hidden;
}

.on
{
 border:1px solid #000;
}

.off
{
 border:1px solid #fff;
}

#imagewindow a
{
 padding:10px;
}