@charset "ISO-8859-1";

/****************************************************************/
/*	CSS Dokument für Bildschirmbreite 980 - 1024 px	*/
/*	© Orgelbau Koch AG					*/
/****************************************************************/

/*	Allgemeine Angaben	*/



body{background-image:  url('../Bilder/Hintergrund2.jpg'); background-size: 100% 100%; background-repeat: no-repeat; background-color:#FFFFFF; font-family:Calibri, Corbel, Arial, sans-serif; font-size:12pt;}

a{color:white;  text-decoration: none; }

#HauptFeld {width:980px; height:1600px; opacity:0.94;filter:alpha(opacity=94); background-color: #FFFFFF; position:relative; top:10px; padding:10px; margin: auto; z-index: 1;}



/************/
/*   KOPF   */
/************/
    #LOGO{
       background-image:  url('../Bilder/LOGO.jpg');
       /* background-image:  url('../Bilder/LOGO.svg'); */
       background-position: center center;
       background-repeat: no-repeat;
       /* background-size: 10% 10%; */
       width:227px; height:107px; position:absolute; border:none;}

  #ADRESSE p{background-color: #FFFFFF; font-size:12pt; position: absolute; top:20px; left:450px; border:none;}

  #GOOGLEONE p{background-color: #FFFFFF; position: absolute; top:20px; left:880px; border:none;}

  #TRENNLINIE hr{width:980px; background-color: #FFFFFF; position: absolute; top:110px;}

  #TELEFON p{background-color: #FFFFFF; font-size:9pt; position: absolute; top:115px; border:none;}
  #TELEFONNUMMERN p{background-color: #FFFFFF;  font-size:9pt; display:block; position: absolute; top:115px; left:90px; border:none;}

  #INTERNET p{background-color: #FFFFFF; font-size:9pt; position: absolute; top:115px; left:450px; border:none;}
  #INTERNETADRESSEN p{background-color: #FFFFFF; font-size:9pt; display:block; position: absolute; top:115px; left:540px; border:none;}

#DATUM p{display:block; position: absolute; top:200px; right:15px; border:none;}

#TEXT {background-color: #FFFFFF; position: absolute; top:240px; border:none; margin:20px;}

#TEXT a{color:#000000; font-weight:bold; font-style:italic;}

#TEXT table{with:900px;}




/***************/
/*---Fussnote---*/
/***************/


html>body #FUSSNOTE{background-color:transparent; width:980px; height:200px; position:fixed; bottom:0px; margin:auto;}

html>body #CopyRight{width:240px; background:#000000; color:#FFFFFF; opacity:0.80;filter:alpha(opacity=80); text-align:right; padding-right:20px; padding-bottom:10px; position:absolute; bottom:0px; right:0px; border:none; z-index:12;}


/***************/
/*---  Menu   ---*/
/***************/


.menu {width:980px; height:200px; padding:0; margin:0px auto; list-style:none; border-top:2px solid #000000; position:absolute; z-index:0; background:#FFFFFF; opacity:0.8;filter:alpha(opacity=80); overflow:hidden;}
.menu li {float:left; height:200px; border-right:1px solid transparent;}
.menu ul {padding:0; margin:0; list-style:none; position:absolute; z-index:0; top:0; left:0;}
.menu ul ul {display:block; position:absolute; left:0; top:auto; bottom:fixed; width:198px;

-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.25s ease-in-out;
transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
}

.menu ul li.Spalte1 ul {left:1px; z-index:0}
.menu ul li.Spalte2 ul {left:121px; z-index:0}
.menu ul li.Spalte3 ul {left:241px; z-index:0}
.menu ul li.Spalte4 ul {left:361px; z-index:0}
.menu ul li.Spalte5 ul {left:481px; z-index:0}
.menu ul li.Spalte6 ul {left:601px; z-index:0}

.menu ul li {float:left; border-right:1px solid transparent;}

.menu .Untermenu {width:980px;}
.menu .Untermenu li a {display:block; width:109px; height:29px; padding-left:10px; background:#000000; margin-top:169px; color:#FFFFFF; text-decoration:none;}

.menu ul li:hover {zoom:1,5;}
.menu ul li:hover > a {background:blue; color:#FFFFFF;}

.menu ul ul li {height:25px; float:left;}
.menu .Untermenu ul li a {height:25px; line-height:25px; font-weight:normal; color:#FFFFFF;}

.menu ul li:hover ul {top:auto; bottom:200px;}