/* Formats Kutra ;  1.06.2009 Koe */

/* History: 091214 Koe  Initial

/* Formate für gesamte Seite */
/* ------------------------- */


html {height: 100.1%; font-size: 62.5%; }
 
body {
  width: 100%; 
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #CCCCCC; 
  background-color: #181818; 
  margin: 2px auto 0px auto;
}
  /*
  width:  = Die Seite füllt "100%" des Bildschirms aus.
  font:   = Schriftgrösse wenn nicht anders angegeben "12px" und Schriftart "Arial,...", Schriftfarbe "grün", Hintergrund "grau"
  margin: = Nach oben "2px", nach rechts "auto", nach unten "0px" und nach links "auto".
	    Wobei für links und rechts "auto" bedeutet das die Seite sich in der Mitte befindet.
  */

* {margin: 0px; padding: 0px; border: 0px;}
 
  
a:link {
  color: #CCCCCC; 
  text-decoration: none; 
} /* Globale  Linkfarbe "weiss" nicht unterstrichen, über die gesamte Breite anwenden. */
 
a:visited {
  color: #CCCCCC; 
  text-decoration: none; 
} /* Globale  Linkfarbe "weiss" für besuchten Link, nicht unterstrichen, über die gesamte Breite anwenden. */

a:active {
  color: #CCCCCC; 
  text-decoration: none; 
} /* Globale  Linkfarbe "weiss" für aktiven Link, nicht unterstrichen, über die gesamte Breite anwenden. */
  
img {
  border-style: none; 
  border-width: 0px;
} /* Global für alle Bilder, wenn nicht anders angegeben, keine Rahmen. */

div {
  border-style: none; 
  border-width: 0px;
} /* Global für alle DIV`s, wenn nicht anders angegeben, keine Rahmen. */


/* Spezielle Styles für Einzelformatierungen */
/* ----------------------------------------- */
 
h1 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px; } /* Logo */
h2 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; } /* Seitentitel */
h3 {font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; } /* Zwischentitel */
h3.abstandu {margin-bottom: 3px; }                                                                     /* Abstand unter Zwischentitel */
h5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; } /* Überschrift klein */
h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } /* Bildlegende */

div#cpr       {text-align: right; color: #A0A0A0; } /* Copyright */
div#impressum {text-align: right; color: #A0A0A0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } /* Impressum */

/* Seiteneinteilung: Spalten: */
/* -------------------------- */
div#wrapper {width: 850px; margin: 0px 20% 0px 1%; text-align: left; }

/* Spalteneinteilung der Seite: links mit Sprachauswahl-Menü, Mitte Inhalt, rechts Rand */
div#head1 {float: left;  width:  30px; }   /*  top rig bot left */
div#head2 {float: left;  width: 760px; margin: 0px 0px 0px 10px; }
div#head3 {float: right; width:  40px; }

div#content {width:100%; margin-top:22px; font-size:12px; }     /* Seiten-Inhalt */

/* Spalteneinteilung des Inhalts: 3-spaltig */
div#contentb1  {float: left;  width: 230px; text-align: left;  padding-left:  0px; padding-right: 10px; vertical-align: top; }
div#contentb2  {float: left;  width: 248px; text-align: left;  padding-left: 10px; padding-right:  0px; vertical-align: top; }
div#contentb3  {float: right; width: 248px; text-align: right; padding-left:  0px; padding-right:  0px; vertical-align: top; }
div#contentb3l {float: right; width: 248px; text-align: left;  padding-left:  0px; padding-right:  0px; vertical-align: top; }

div#contentb1 img, div#contentb2 img, div#contentb3 img {margin-top: 4px; }  /* Bilder etwas tiefer platziert! */
div#contentb3 img.atbottom {position: relative; top: 585px; }

/* Spalteneinteilung des Inhalts: 4-spaltig */
div#contentc1 {float: left; width: 190px; text-align: left; padding-left: 0px; padding-right: 0px; padding-bottom: 10px; vertical-align: top; }

/* Spalteneinteilung des Inhalts: 2-spaltig, 1.Spalte 4/5 breit, 2. Spalte 1/5 breit */
div#contentd1 {float: left;   width: 608px; text-align: left;  padding-left:  0px; padding-right: 0px; vertical-align: top; }
div#contentd2 {float: right;   width: 152px; text-align: right;  padding-left:  0px; padding-right: 0px; vertical-align: top; }

/* Spalteneinteilung des Inhalts: 1-spaltig (1 Bild) */
div#content1bild {text-align: center; }
div#content1bild img {margin: 30px auto ; }


/* Galerie */
/* ------- */

div#galback {float: right; width: 570px; margin-top: 3px; margin-left: 0px; }
div#galback img {border: 0px; padding: 0px 0px 6px 30px; margin-left: 0px}
div#galerie {position: relative; height: 550px; text-align: right; margin-top: 0px; vertical-align: top; }
a.smallpic img {border: 1px solid #181818; padding: 2px; margin-bottom: 5px; }
a.smallpic:hover>img {border: 1px solid #663333; padding: 2px; }
a.smallpic span {position: absolute; background: #181818; padding: 0px 20px 0px 0px; left: -1000px; visibility: hidden; text-align: left; text-decoration: none; }
a.smallpic:hover span {visibility: visible; top: 0px; left: 217px; z-index: 50; }


/* Menus */
/* ----- */

/* Menu senkrecht auf der linken Seite */

div#menulinks {
  margin-top: 227px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold;
}
div#menulinksIE {
  margin-right: -2px; 
}

ul.menu {line-height: 16px; padding: 0px 2px 0px 0px; text-align: center; }
div#menulinks a.menua       {color: #C0C0C0; text-decoration: none; border-right: 1px solid #990000; display: block; }
div#menulinks a.menui       {color: #C0C0C0; text-decoration: none; border-right: 1px solid #181818; display: block; }
div#menulinks a.menua:hover {color: #999999; border-right: 1px solid #990000; }
div#menulinks a.menui:hover {color: #999999; border-right: 1px solid #990000; }
	/* menui steht für Inaktiv, menua für Aktiv */
  
/* Menu über die Seitenbreite */
div#menuoben {
  width: 100%; 
  float: left; 
  margin-top: 20px; 
  margin-bottom: 20px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold;
}       /* Breite in Prozent und Abstand */
 
div#menuoben .navio71, div#menuoben .navio72, div#menuoben .navio73, div#menuoben .navio74, 
                       div#menuoben .navio75, div#menuoben .navio76, div#menuoben .navio77,
                       div#menuoben .navio4
             {text-align: left; line-height: 20px; display: block; float: left; margin-right: -1px; }
div#menuoben .navio71 {width: 12%; }  /* Breite x% (100% / 7 / 100% * Textlänge) */
div#menuoben .navio72 {width: 14%; }
div#menuoben .navio73 {width: 12%; } 
div#menuoben .navio74 {width: 18%; } 
div#menuoben .navio75 {width: 18%; } 
div#menuoben .navio76 {width: 12%; } 
div#menuoben .navio77 {width: 14%; } 

div#menuoben .navio4  {width: 25%; }  /* Breite 25% (100% geteilt durch 4) */

div#menuoben a.menuoa {color: #C0C0C0; text-decoration: none; border-top: 1px solid #990000; display: block; }
div#menuoben a.menuoi {color: #C0C0C0; text-decoration: none; border-top: 1px solid #999999; display: block; }
div#menuoben a.menuoa:hover {color: #999999; border-top: 1px solid #990000; }
div#menuoben a.menuoi:hover {color: #999999; border-top: 1Px solid #990000; }
  	/* menui steht für Inaktiv, menua für Aktiv */
div#menuoben p.dummy {color: #181818; border-top: 1px solid #181818; display:block; }
        /* Dummy Zeile bei Seiten ohne 2-zeiligem Menü, um den gleichen Abstand zu erzielen  */
  	  	

/* Diverse */
/* ------- */

#logo {border-bottom: 1px solid #C0C0C0; }
#seitentitel {margin-top: 20px; }
div#footer {clear: both; line-height:1px; color:#DFDFDF; margin-top: 10px; border-top:1px solid #C0C0C0; }
div#footer img {margin-top: 5px; }
div#footer1bild {clear: both; }
	
/* Grafische Linien */

/* Abstände */