/*bgein of frames setting*/
html{
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    
      
    _padding:0px 0px 110px 0px;
}

body{
	
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;	
    zoom:1;
}

.frame{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    zoom:1;
    _right:0;
    _bottom:0;
    _width:100%;
    _height:100%;
    _position:relative;

}

.frame-bd{
  zoom:1;
}

#main-header{
    overflow:hidden;
    position:absolute;
    left:10px;
    right:10px;
    height:80px;
    top:10px;
    _zoom:1;
    _padding:0 20px 0 0;
  
}


#main-header .frame{
  
  overflow:hidden;
  background: white url(Bilder/Anlage4.jpg) fixed; repeat-x; repeat-y;
  _padding:0 0 0 0px; 
  _zoom:1;
  
}

#main-header .frame .frame-bd{
  zoom:1;
  _margin:0 0 0 0px; 
}


#main-footer{
    overflow:hidden;
    position:absolute;
    left:220px;
    right:10px;
    height:0px;
    bottom:10px;
    

    z-index:10;
    _zoom:1;
    _overflow:visible;
    _padding:0 230px 0 0; 
    
}


#main-footer .frame{
  overflow:hidden;
  background: white url(Bilder/Anlage4.jpg) fixed; repeat-x; repeat-y;
  _padding:0 0 0 0px; 
  _zoom:1;
  
}

#main-footer .frame .frame-bd{
  zoom:1;
  _margin:0 0 0 0px; 
}

#pri-main{
	
    overflow:hidden;
    position:absolute;

    top:100px;
    left:200px;	
    right:10px;
    bottom:10px;
    z-index:1;

    _top:100px;
    _bottom:10px;
    _height:98%;
    _padding: 0px 210px 0px 0px;
}


#pri-main .frame{
  overflow: auto;
  background: #ffffee url(Bilder/Anlage5.jpg) fixed; repeat-x; repeat-y;

    _padding: 0px 0px 0px 0px;
}



#pri-sub .frame{
  overflow:auto;
}

#sec-main{
  
    overflow:hidden;
    position:absolute;
    max-width:180px;
    top:90px;
    bottom:10px;
    left:10px;
    right:10px;
    z-index:4;

    _top:90px;
    _height:100%;
    _width:180px;
    _bottom:10px;
    _padding:0px 0px 0px 0;	
}

#sec-main .frame{
    
    overflow:hidden;
    background: white url(Bilder/Anlage4.jpg) fixed; repeat-x; repeat-y;

    _padding:0px 0px 0px 0;	
}



#trd-main{
  
    overflow:hidden;
    position:absolute;
    width:200px;

    top:81px;
    right:0;
    bottom:61px;
    
    z-index:4;

    _height:100%;
    _bottom:auto;
    _padding:0 0 0px 0;	
}

#trd-main .frame{
     overflow:auto;
     background: white url(Bilder/Anlage4.jpg) fixed; repeat-x; repeat-y;

    _padding:0 0 0px 0;	
}

/*My Customized Theme*/

body{
	font-size:0.78em;
	font:normal 0.78em/150% "Arial","monospace";
	background: #999999;
}



.frame{
  background:#999999;
  _background-attachment:fixed;
  
}





/*Free HedgerWow Style*/

li{
  _vertical-align:top;
}
.mod{
  
}

.mod .bd{
  padding:12px;
  line-height:1.1;
}



a.valid{
  text-indent:-5000px;
  display:block;
  width:88px;
  height:33px;
  margin:4px 0;
  background:#999999; font-style:normal; font-variant:normal; font-weight:0; font-size:0; font-family:Arial
}

a.generate{
  padding:12px;
  display:-moz-inline-box;
  display:inline-block; 
  color:#222;
  background:buttonface;
  border:solid 1px buttonshadow;
  border-top-color:buttonhighlight;
  border-left-color:buttonhighlight;
  margin:4px 12px 4px 0;
  vertical-align:top;
}

a.generate:hover{
  border:solid 1px buttonshadow;
  border-right-color:buttonhighlight;
  border-bottom-color:buttonhighlight;
}

h1,h2,h3,h4{
	margin:0;

	color:#000099;
	font-size:small;
	padding:5px;
	font-weight:bold;
	letter-spacing:1px;
	opacity:0.7;
	zoom:1;
	}
p{
	margin:3px 0;
	color:#999;
}

a.dreidbutton{
color: #000000;
display: block;
width: 120px;
background: #eeeecc top repeat-x;
padding: 3px 15px;
text-align: center;
border-top: #ffffee 2px solid; /* Farbe und Art des oberen Rands */
border-left: #ffffee 2px solid; /* linker Rand */
border-bottom: #775533 2px solid; /* unterer Rand */
border-right: #775533 2px solid; /* rechter Rand */
font-family: Arial;
font-size: 13px;
text-decoration: none;
font-weight:bold;
font-style:;

}

a.dreidbutton:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #ffffee 2px solid;
border-right: #ffffee 2px solid;
border-top: #775533 2px solid;
border-left: #775533 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 2px 14px 4px 16px;
}
{/* hier werden neue 3D Butons generiert */

}

a.dreidbutton1{
color: #000000;
display: block;
width: 250px;
background: #1133aa url(Bilder/ms_engineering_Logo_Hintergrung.jpg) top repeat-x;
padding: 4px 16px;
float: inherit;
border-top: #ffffee 2px solid; /* Farbe und Art des oberen Rands */
border-left: #ffffee 2px solid; /* linker Rand */
border-bottom: #775533 2px solid; /* unterer Rand */
border-right: #775533 2px solid; /* rechter Rand */
font-family: Arial;
float: inherit;
text-align: center;
font-size: 18px;
text-decoration: none;
letter-spacing: 0.45em;
font-weight: bolder;
font-style:;
}

a.dreidbutton1:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #ffffee 2px solid;
border-right: #ffffee 2px solid;
border-top: #775533 2px solid;
border-left: #775533 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 3px 14px 5px 18px;
}

{/* hier werden neue 3D Butons generiert */

}








a.dreidbutton2{
color: #000000;
display: block;
width: 200px;
background: #eeeecc top repeat-x;
padding: 5px 10px;
text-align: center;
border-top: #ffffee 2px solid; /* Farbe und Art des oberen Rands */
border-left: #ffffee 2px solid; /* linker Rand */
border-bottom: #775533 2px solid; /* unterer Rand */
border-right: #775533 2px solid; /* rechter Rand */
font-family: Arial;
font-size: 1.50em;
text-decoration: none;
font-weight:1000;
font-style:;
}

a.dreidbutton2:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #ffffee 2px solid;
border-right: #ffffee 2px solid;
border-top: #775533 2px solid;
border-left: #775533 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 6px 11px 7px 12px;

}

{/* hier werden neue 3D Butons generiert */

}

a.dreidbutton3{
color: #000080;
display: block;
width: 200px;
background: #eeeecc top repeat-x;
padding: 4px 15px;
text-align: center;
border-top: #ffffee 2px solid; /* Farbe und Art des oberen Rands */
border-left: #ffffee 2px solid; /* linker Rand */
border-bottom: #775533 2px solid; /* unterer Rand */
border-right: #775533 2px solid; /* rechter Rand */
font-family: Arial;
font-size: 12px;
text-decoration: none;
font-weight:bold;
font-style:;

}

a.dreidbutton3:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #ffffee 2px solid;
border-right: #ffffee 2px solid;
border-top: #775533 2px solid;
border-left: #775533 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 3px 14px 5px 16px;
}
{/* hier werden neue 3D Butons generiert */


}

a.dreidbutton4{
color: #000080;
display: block;
width: 30px;
background: #eeeecc top repeat-x;
padding: 2px 15px;
text-align: center;
border-top: #ffffee 2px solid; /* Farbe und Art des oberen Rands */
border-left: #ffffee 2px solid; /* linker Rand */
border-bottom: #775533 2px solid; /* unterer Rand */
border-right: #775533 2px solid; /* rechter Rand */
font-family: Arial;
font-size: 12px;
text-decoration: none;
font-weight:bold;
font-style:;

}

a.dreidbutton4:hover{
/* hier werden die Farben der entsprechenden Ränder genau umgekehrt, damit beim Überfahren mit der Maus ein eingedrückter Effekt entsteht. */
border-bottom: #ffffee 2px solid;
border-right: #ffffee 2px solid;
border-top: #775533 2px solid;
border-left: #775533 2px solid;
/* Um den Effekt des Eindrückens zu verstärken wird auch der Text durch verändern des Innenabstands um 1 Pixel verrückt */
padding: 1px 14px 3px 16px;
}
{/* hier werden neue 3D Butons generiert */

}