@import url(PIE.htc) all;
/*---Erstellt am 30.10.09--Style.css----*/

body {
	height: 100%;
	margin:0 auto;	
    font: 1.1em helvetica,tahoma,sans-serif,Arial,  georgia, Courier New, times new roman;
    font-size: 1.0em;
	background:#E3E3E3;	
    background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3  0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
    background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */		
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-border-radius: 28px;         /* Fx1-3.0 */
    -moz-border-radius: 28px;    /* Fx3.5-3.6 */
    -webkit-border-radius: 28px;
     border-radius: 28px;         /* Fx4+; CSS3; buggy in Opera 10-11 */
    -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
    -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
    box-shadow: inset 0.3em 0.3em 0.9em white; 
    -o-box-shadow:inset 0.3em 0.3em 0.9em white; 
	behavior: url(/PIE.htc);
	behavior: url(border-radius.htc);	
}

h1 {
  z-index: 1;
  position: absolute;
   height :1.9em;
  width: 93%;
  font:  2.0em Garamond,Sans-Serif,Helvetica,tahoma,Arial;
  font-size: 2.2em;
   font-weight:bold;
  font-style:italic; 
  letter-spacing : -1px;
  text-align: center; 
   border: 1px solid #044F53;
  color:#044F53;  
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#4b625c));/*new webkit*/
  background: -moz-linear-gradient(top,  #F5F5F5 ,  #4b625c); /* for firefox 3.6+ */ 
  background:-o-linear-gradient(top,  #F5F5F5,  #4b625c);/*opera 11.10+*/
  background:linear-gradient(top,  #F5F5F5,  #4b625c);/*future CSS3 browsers*/
  background: -ms-linear-gradient(#F5F5F5,  #4b625c); /*IE10*/ 
  background : url(images/hhx.png) repeat-x; 
  margin-top: 0.2em;
  margin-left :0.7em;
  margin-right :0.5em;  
  margin-bottom :1em;
  padding:0.3em;
  -o-border-radius:28px;/* CSS3; buggy in Opera 10-11 */
  -moz-border-radius: 28px;/* Fx3.5-3.6 */
  -webkit-border-radius: 28px;/* This lets IE know to call the script on all elements which get the 'button' class */
  border-radius: 28px;/* Fx4+; CSS3; buggy in Opera 10-11 */
  -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
  -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
  box-shadow: inset 0.3em 0.3em 0.9em white;
  -o-box-shadow:inset 0.3em 0.3em 0.9em white; 
  behavior: url(/PIE.htc);
  behavior: url(border-radius.htc);
  clear:both;
}
#top {
   z-index: 2;
   position: relative;
   font :  1.4em Sans-Serif,Tahoma,helvetica,Garamond, Geneva,Verdana,Arial;
   font-size: 1.2em; 
   letter-spacing : -1px;
   font-style:italic;
   text-align:center; 
   color:#800000; 
   margin-top: 2.6em;
   padding:0.7em;
   height :0.2em; 
   margin-left:7.8em;
    margin-bottom :2em;
   width : 670px;
   padding:0.7em;
   height :0.2em;
  clear:both;  	   
 
 }
.topbar { 
  position: relative; 
  z-index: 0;
  font: bold 2.0em helvetica,Garamond,Sans-Serif,tahoma,Arial;
  font-size: 1.1em;
  height:1.2em;  
  font-style:italic; 
  letter-spacing : -1px;
  text-align: center;
   background: url(images/h.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#4b625c));/*new webkit*/
  background: -webkit-gradient(linear, 0 0, 0 100%,from(#F5F5F5), to(#4b625c)); /*old webkit*/
  background: -moz-linear-gradient(top,  #F5F5F5 ,  #4b625c); /* for firefox 3.6+ */ 
  background: -moz-linear-gradient(#F5F5F5,  #4b625c); /*gecko*/
  background:-o-linear-gradient(top,  #F5F5F5,  #4b625c);/*opera 11.10+*/
  background:linear-gradient(top,  #F5F5F5,  #4b625c);/*future CSS3 browsers*/
  background: -ms-linear-gradient(#F5F5F5,  #4b625c); /*IE10*/   
  color:#044F53;
  margin-top: 0.3em;
  margin-left :4.5em;
  margin-right :4.8em;  
  margin-bottom :0.1em;
  padding :0.2em;
  -o-border-radius:28px;/* CSS3; buggy in Opera 10-11 */
  -moz-border-radius: 28px;/* Fx3.5-3.6 */
  -webkit-border-radius: 28px;/* This lets IE know to call the script on all elements which get the 'button' class */
  border-radius: 28px;/* Fx4+; CSS3; buggy in Opera 10-11 */ 
  -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
  -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
  box-shadow: inset 0.3em 0.3em 0.9em white;
  -o-box-shadow:inset 0.3em 0.3em 0.9em white; 
  behavior: url(/PIE.htc);
  behavior: url(border-radius.htc);
}
.logo {
    position:absolute;
    top:2.2em;
    left:5em;
	z-index:-1;
 }
.h2 { 
   position: relative; 
   z-index: 0; 
   font : 100%/ 1.6em helvetica,Geneva,Tahoma,Sans-Serif,Verdana, Arial;
   font-size: 1.1em;
   letter-spacing : -1px;
   margin-left : 4.5em;
   margin-right: 5em;
   padding : 8px;
   font-style:italic; 
   height : 15px;
   color:#044F53;
   background : url(images/silber1a.png) repeat-x;
   text-align: center;
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
  -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
   box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
    behavior: url(/PIE.htc);
   behavior: url(border-radius.htc);
}
.abgerundet {
   -moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	behavior: url(border-radius.htc);
}
/* allgemeine links */
a{
  font:100%/ 1.6em helvetica,tahoma,sans-serif,Arial, Helvetica, georgia, Courier New, times new roman;
  font-size:1.0em;
  color: #ffffff;
  list-style : none ;
  text-decoration : none;
}
a:hover {
      color :#f30000;
	  list-style : none ;
	  text-decoration : none;	  
}

p{
  margin-left: 3.5em; /* gibt  etwas Abstand zum linken Rand*/
  margin-right: 3.5em; /* gibt  etwas Abstand zum rechten Rand*/
  font:100%/ 1.6em helvetica,Arial,verdana,Geneva,"Lucida Sans",Sans-Serif,Tahoma,times new roman;
  font-size: 1.0em;
  color : #000000;	
}
/*--<div class="date"><a href="#" title="nach oben" class="button green small1 ">nach oben</a></div>--*/
.date {
      font :1.2em Sans-Serif, Arial;
      padding : 3px 35px 0 35px;
      margin : 3px  35px 0  35px;	  
      text-align :center;  
      height : 32px;
	  color: #2F4F2F;
	  text-decoration :none;
}
.date a:hover{
        color: #EE3B3B;
		background: #bbc2c0;	
	    background: -moz-linear-gradient(top,  #4b625c,  #ffffff);	
	    background:-o-linear-gradient (top,  #4b625c,  #ffffff);  
        background:linear-gradient(top,  #4b625c,  #ffffff);	
        text-decoration :none ;
}

/*--Etwas Abstand halten*/
.cb  {
   clear:both;
   margin-top :1.5em;
}
/*--Etwas Abstand im Menü von index, G1 und G2 halten--*/
.cb1  {
   clear:both;
   margin-top :0.1em;
}
/*--Etwas Abstand im Menü von index, G1 und G2 halten--*/
.cb2  {
   clear:both;
   margin-top :0.5em;
}
/* <p class="hinweis"> = senkrechte Textmarkierung (Doppellinie)*/
p.hinweis {
    margin-left: 3.5em; /* gibt  etwas Abstand zum linken Rand*/
    margin-right: 2.5em; /* gibt  etwas Abstand zum linken Rand*/
    padding-left: 1em;
    border-left: 3px solid;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-color:  #CD6600;
	font:100%/ 1.6em helvetica,Arial,verdana,Geneva,"Lucida Sans",Sans-Serif,Tahoma,times new roman;
}

/*<span class="Stil1"> hervorgehoben wie 'Ausführen in' -> Maroon*/
.Stil1 {
     color: #800000;
     font :100%/ 1.6em helvetica;	 
}

/*<span class="Stil2"> hervorgehoben wie Generation ZWEI</span> -> green4 Fußleiste*/
.Stil2 {
     color: #044F53; 
	 font :100%/ 1.6em helvetica;
}
/*<span class="Stil3"> hervorgehoben wie 'Achtung -> Signalrot*/
.Stil3 {
     color: #FF0000;
	 font :100%/ 1.4em helvetica;
	 font-weight: bold;
	 height : 15px;
     background : url(images/silber2b.png) repeat-x;
     text-align: center;
}
/*<span class="Stil4"> hervorgehoben  von Skriptnamen wie OBSendingMessage'  -> Olive*/
.Stil4 {
     color: #044F53; 
     font :100%/ 1.6em helvetica; 
       	 
}
/*<span class="Stil4"> hervorgehoben wie 'Hinweis' Hellbraun*/
.Stil5 {
     color: #CD6600;
	 font :100%/ 1.6em helvetica;
     font-weight: bold;	
     height : 15px;
     background :transparent url(images/silber2b.png) repeat-x;
     text-align: center;	 
}
/*<span class="Stil4"> hervorgehoben  von Ueberschrift im OnStartup  -> Olive*/

/* <h2> Überschrift mit Hintergrund für die Rubriken*/
h2{
   position: relative; 
   z-index: 0;
   margin-left : 35px;
   margin-right: 35px;
   padding : 5px ;
   color : #044F53;
   font :100%/ 1.6em helvetica, Geneva,Tahoma,Sans-Serif,Verdana, Sans-Serif,georgia,Helvetica,tahoma, Courier New,Arial;
   font-style:italic; 
   font-size: 1.2em;
   height : 25px;
   background : url(images/silber1a.png) repeat-x;      
   text-align:center;
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
  -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
   box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
   behavior: url(/PIE.htc);   
   behavior: url(border-radius.htc);
}

h3 {
  font :07em helvetica, Geneva,Tahoma,Sans-Serif,Verdana,Arial,georgia;
  padding : 4px 0;
  margin : 0;
  letter-spacing : -1px;
  text-align: center;
  font-style:italic; 
  font-size: 1.3em;
  background : url(images/silber1a.png) repeat-x;
  color: #044F53;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
  -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
   box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
   behavior: url(/PIE.htc);
   behavior: url(border-radius.htc);
}
.h3 {
  position: relative; 
  z-index: 0;
  font : 07em helvetica, Geneva,Tahoma,Sans-Serif,Verdana,Arial,georgia;
  padding : 4px 0;
  margin-left : 16%;
  letter-spacing : -1px;
  text-align: center; 
  font-size: 1.1em;
  color: #044F53;
  height : 20px;
  width : 670px;
  background : url(images/silber1a.png) repeat-x;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
  -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
   box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
   behavior: url(/PIE.htc);
   behavior: url(border-radius.htc);
}
h4 {
  position: relative; 
   z-index: 0;
  font :  0.8em helvetica,Geneva,Tahoma,Sans-Serif,Verdana,Arial,georgia;
  margin-left:3.5em; /* gibt  etwas Abstand zum linken Rand*/
  padding :2px;
  height : 20px;
  width : 200px;
  background : url(images/silber1a.png) repeat-x;
  color : #044F53;
  text-align:center;
  letter-spacing : -1px;
  font-size: 1em;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
   border-radius: 14px;
  -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
  -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px; /* spread */
   box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */  
   color: #044F53;
   behavior: url(/PIE.htc);
   behavior: url(border-radius.htc);   
}
ul {
  margin : 0;
  padding : 0 ;
  list-style : none;
  text-decoration : none;
}
li {
  margin : 0;
  padding-top:0;
  list-style : none;
  text-decoration : none;
}

hr{
   margin-right: 45px;
   margin-left: 45px ;
}

/* <div class="tip"> für Box "Achtung"*/
.tip {
    position: relative; 
	z-index: 0;	
	float: left;
	border: 1px solid #044F53;
    font : 100%/ 1.6em helvetica, Geneva,Tahoma,Tahoma,Sans-Serif,Verdana,,Arial,times new roman;
    font-size: 1.0em;	
	padding:10px 15px 10px 45px;
	margin-left :3.5em;
    margin-right :3em;	 
    padding: 0.9em;   	
	background:#E5E6E2; 
	background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
	background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */   
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-ms-border-radius:14px;
	-o-border-radius:14px;
	border-radius:14px;
	-webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
    -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
    box-shadow: inset 0.3em 0.3em 0.9em white;
	-o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */
	-pie-lazy-init:true;
    behavior: url(/PIE.htc);
	behavior: url(border-radius.htc);		
}
/*  <uebersicht > Die Box für den Inhalt der Rubriken */

/* <div class="uebersicht">diese Info-Box hat noch die angepassten Farben Silber*/
.uebersicht {
     position: relative; 
     z-index: 0;
     border: 1px solid #044F53;
     background:#E5E6E2;
	 background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
	 background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */	 
     margin-left: 2.em ;
	 margin-right: 2.em ;
     padding-top: 1.7em;	
     padding-left : 2.5em;
	 padding-right: 2.5em ;
	 padding-bottom:1.4em;	 
     font:100%/ 1.6em helvetica, Tahoma,monospace, Geneva,Sans-Serif,Verdana, Lucida Console,Courier New,Arial, Monaco,  Tahoma;
	 font-size: 1.0em;
     text-align: left;
	 line-height: 1.7em;	 
     -moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	-o-border-radius:14px;
	border-radius: 14px;
	-webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
    -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
    box-shadow: inset 0.3em 0.3em 0.9em white; 
    box-shadow: inset 0.3em 0.3em 0.9em white; 
	 behavior: url(/PIE.htc);
	behavior: url(border-radius.htc);
	clear:both;
}
.uebersicht a { 
      font-weight : solid;
	  color: #ffffff;
	  text-decoration: none; 
}
.uebersicht a:hover {
      color :#f30000;
	  list-style: none ;	  
      text-decoration : none;
}
.uebersicht li {
            color:#044F53;
			list-style-type:square;
            padding-left: 6px;		
}
.uebersicht ul {
           color:#000000;
           list-style-type : lower-alpha;
           list-style-position : inside;          
	       line-height: 1.7em;
		   list-style : none; 
}

 .uebersicht h4   {
    position: relative; 
     z-index: 0; 
    text-align:center;	
    border: 1px solid #044F53;
    background : url(images/silber1a.png) repeat-x; 
    background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
    background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */	  
    font : 100%/ 1.6em helvetica, Geneva,Tahoma,Sans-Serif,georgia,Helvetica,tahoma, Courier New,Arial ;
    font-size: 1em;
    color : #044F53;
    text-decoration : none;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
	-o-border-radius:14px;
    border-radius: 14px;
    -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
    -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
    box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
     behavior: url(/PIE.htc);	
    behavior: url(border-radius.htc);	
}
/*  <uebersicht > ------------Ende--------*/

.counter {      
       top:62em;
       left:18em;
	   margin-left:3em;
       text-decoration : none;
 }

/* <div class=" style1"> Ramen oberhalb der Bilder (SwissOBSend )*/
.style1 {
      color : #044F53;
      background :url(images/silber1a.png) repeat-x;
      border: 1px solid #036;
      padding: 0 ; 
      margin: 0;
      width: 630px;	  
}

/* <div class=" style"> Ramen oberhalb der Seitentabelle (Rubriken) */
.style {
     text-align: center;
     color :#044F53;
     background : url(images/silber1a.png) repeat-x;
     width: 950px;
     padding: 0 0 15px 0  ; 
     margin :0 0 0 0 ;
	 float: left; 	
}
/* <div class="boxstyle"> Musteranleitung zur Installation eines Include-Files in Dialog -Generation EINS*/
.boxstyle{
        background: #E3E3E3; 
        border: 1px solid #036;
        padding: 0 10px 10px; 
        margin-left: 3.0em;
		margin-right: 3.0em;		
}
.box11{
     padding-right:2.0em;
     float:right;
	 margin-right: 1em;
	 margin-left:0.1em;
	 margin-bottom: 2em;
}

.center{
      border:1px solid #036;
      width:95%;
      float:right;
      margin: 5px 1%;
      padding: 0 10px;
      text-align:left;
}

/*--<div align="center">-- <table class="ex2">--für Scorefile.html--*/
table.ex2 {
   display: inline-block;
   table-layout:fixed;
   width:70%;
   text-align:left;
   border: 1px solid #044F53;
   background:#E5E6E2;
   background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
   background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */    
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   -o-border-radius:14px;
   border-radius: 14px;
   -pie-lazy-init:true;
   behavior: url(/PIE.htc);   
   behavior: url(border-radius.htc);
}
table.ex2 td {
  color: #EE3B3B !important; /*text color of selected and active item*/
     padding-top:6px; /*shift text down 1px for selected and active item*/
     padding-left:5px; /*shift text down 1px for selected and active item*/
     padding-right:5px; /*shift text down 1px for selected and active item*/
     padding-bottom: 6px; /*shift text down 1px for selected and active item*/
     -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
     -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
     box-shadow: inset 0.3em 0.3em 0.9em white; 
     -o-box-shadow:inset 0.3em 0.3em 0.9em white; 
	 behavior: url(/PIE.htc);
	 behavior: url(border-radius.htc);
}
   
table{   
   text-align:left;
   border: 1px solid #044F53;
   background:#E5E6E2;
   background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
   background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */
   -moz-border-radius: 14px;
   -webkit-border-radius: 14px;
   -o-border-radius:14px;
   border-radius: 14px;
   behavior: url(/PIE.htc);
   -pie-lazy-init:true;      
   behavior: url(border-radius.htc);
   -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
   -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
   box-shadow: inset 0.3em 0.3em 0.9em white; 
   -o-box-shadow:inset 0.3em 0.3em 0.9em white; 
}
tbody {
   background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
   background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */ 
   behavior: url(/PIE.htc);   
}  

th{
  border: 1px solid #044F53;
  font :100%/ 1.6em helvetica;  
  font-weight: bold;
  color: #044F53;
  background : url(images/silber1a.png) repeat-x;
  background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
  background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */
  -moz-border-radius:14px;
  -webkit-border-radius: 14px;
  -o-border-radius:14px;
  border-radius: 14px;
  behavior: url(/PIE.htc);
  behavior: url(border-radius.htc);
  -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
  -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
  box-shadow: inset 0.3em 0.3em 0.9em white; 
  -o-box-shadow:inset 0.3em 0.3em 0.9em white;
}

td {
  padding-left: 15px;
  font : 100%/ 1.6em helvetica,Geneva,Tahoma,Sans-Serif,Verdana,Helvetica,Arial,times new roman;
  border: 1px solid #044F53;
  background:#E5E6E2; /* for IE */
  background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
  background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  -o-border-radius:14px; 
  border-radius: 14px;
  behavior: url(/PIE.htc);
  behavior: url(border-radius.htc); 
  -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
  -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
  box-shadow: inset 0.3em 0.3em 0.9em white; 
  -o-box-shadow:inset 0.3em 0.3em 0.9em white;
}
tr{
  border: 1px solid #044F53;
  font:100%/ 1.6em helvetica, Geneva,Tahoma,Sans-Serif,Arial, georgia, Tahoma, Courier New, sans-serif;     
  font-style:italic; 
  background:#E5E6E2; /* for IE */
  background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
  background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */ 
  -o-border-radius:14px;
  -moz-border-radius: 14px;
  -webkit-border-radius:14px;
  border-radius: 14px;
  behavior: url(/PIE.htc);  
  behavior: url(border-radius.htc);
  
}
td.sideboxes {
          font :100%/ 1.6em helvetica, Geneva,Tahoma,Sans-Serif,Arial, georgia, Helvetica, Courier New, tahoma;
          color	      : white;
          text-align  : center;
}
table.box{
       background : url(images/back03.gif) repeat-x;
	   border: 1px solid #036;
       -webkit-border-radius: 14px; 
	   -moz-border-radius: 14px;
	   -o-border-radius:14px;
	   border-radius: 14px;
	   -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
	   box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
       behavior: url(/PIE.htc);	   
}
td.box{
     font:100%/ 1.6em helvetica, Geneva,Tahoma,Sans-Serif,Arial, georgia, Tahoma, Courier New, sans-serif;     
     font-style:italic;
	 font-size: 1.1em;
     color: #044F53;  
     background : url(images/silber1a.png) repeat-x;
	 -o-border-radius:14px;
	 -webkit-border-radius: 14px;
	 -moz-border-radius: 14px;
	 border-radius: 14px;
	 behavior: url(/PIE.htc);
	 -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
	 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
	 box-shadow: 0 1px 2px rgba(0,0,0,.2); /* spread */
}

td.bg {
    background : #E3E3E3;

/*--<div class="bg">--<div class="sidebar">--für die Rubrik--*/
}
div.bg {
     position: relative; 
     z-index: 0;  
     margin-right: 1.5em;
	 margin-left: 3.5em;
     margin-bottom:0.1em;
     padding-top: 5px;	 
     padding-right: 3px;
	 padding-left: 3px;
	 padding-bottom:3px;	 
     background : #C2CCC2;
	 background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
     background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */	
	 border: 1px solid #044F53;
	 text-align:left;
     float : left;
     width : 270px;
	 -o-border-radius:14px;
     -moz-border-radius: 14px;
	 -webkit-border-radius:14px; 
	 border-radius: 14px;
     -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
     -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
     -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
     box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
	 -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */
	 -pie-lazy-init:true;
	 behavior: url(/PIE.htc);
	 behavior: url(border-radius.htc);
	
}
/*--<div class="bg1">--<div class="sidebar">--für fünf.html--*/
div.bg1 {     
    margin-right: 2em;
	 margin-left: 8em;
     margin-bottom:1.3em;
     padding-top: 5px;	 
     padding-right: 3px;
	 padding-left: 3px;
	 padding-bottom:3px;	 
     background : #C2CCC2;
	 background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
     background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */	
	 border: 1px solid #044F53;
	 text-align:left;
     float : left;
     width : 600px;
	 -o-border-radius:14px;
     -moz-border-radius: 14px;
	 -webkit-border-radius:14px; 
	 border-radius: 14px;
     -webkit-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
     -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
     -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
     box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
	 -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */
	 -pie-lazy-init:true;
	 behavior: url(/PIE.htc);
	 behavior: url(border-radius.htc);
}
/*--  <div class="img">  Bild und Text-Position für das Include_AddFaceHeader.ds .html--*/
.img {
   border : 0;
   float:right;
   top: 80px;
   margin-right: 2.3em;
   margin-bottom : 1em; 
   text-align:center;
}
/*--<div class="drop-shadow perspective">--im html für 4D-mini-Screen --*/

/* Shared styles */
        
 .drop-shadow {
       float:left;
       position:relative;
	   z-index:1;
       margin-right: 0.8em;
       margin-left: 5.3em;
       margin-bottom : 0.5em;		   
       list-style : none ;
}
.drop-shadow:before,
.drop-shadow:after {
         content:"";
		  position:absolute;        
         z-index:-1;
}
.drop-shadow p {
            font-size:16px;
            font-weight:bold;
}
 /* Perspective */
.perspective:before {
            left:80px;
            bottom:2px;
            width:35%;
            height:35%;  			
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
			   -ms-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
					behavior: url(/PIE.htc);
					behavior: url(border-radius.htc);
}
        
.perspective:after {
            display:none;
}

/*--ENDE--<div class="drop-shadow perspective">--im html für 4D-mini-Screen --*/

/*--Kategorie left_side4 als  <div class="left_side4"> im html für 4D-Screen auf Index--*/
.left_side4 {
           float : left;
           margin-right: 1em;
           margin-left: 2.5em;
           margin-bottom : 0.3em;		   
		   text-decoration :none ;		 
}
.left_side .pad4 {
                float : left;           
			   text-align:left;
			   text-decoration :none;			   
}
/*ENDE Kategorie rechts4 als  <div class="right_side2"> im html für 4D-Screen auf Index*/

/*-- Darstellung derAusdrücke in Scorefile.html--*/
blockquote {
     margin-right:1em;
	 margin-bottom:5em;
     clear:both;
}
/*-- Darstellung der Skripte + S&A--*/
pre {
   position: relative; 
   z-index: 0; 
   border: 1px solid #044F53;
   margin-left:1em;
   padding-left : 2em;
   font-size : 1.0em;
   color : #000000;
   font-family: Monaco,Courier New, monospace; 
   background:#E5E6E2; 
   background: url(img/sprite.png) -631px -316px no-repeat, -moz-linear-gradient(left, #c3c3c3 0%, #F5F5F5 50%, #c3c3c3 100%); /* firefox */
   background: url(img/sprite.png) -631px -316px no-repeat, -webkit-gradient(linear, left top, right top, color-stop(0%, #c3c3c3), color-stop(50%, #F5F5F5), color-stop(100%, #c3c3c3)); /* webkit */
   -o-border-radius:14px;
   -moz-border-radius:14px;
   -webkit-border-radius:14px;
   border-radius: 14px;
   -webkit-box-shadow: inset 0.3em 0.3em   1em white;  /* buggy */
   -moz-box-shadow: inset 0.3em 0.3em 1.3em white;
   box-shadow: inset 0.3em 0.3em 0.9em white; 
   -o-box-shadow:inset 0.3em 0.3em 0.9em white;
   behavior: url(/PIE.htc);   
   behavior: url(border-radius.htc);
   clear:both;
}

q {
 quotes:"\00BB" "\00AB";
}

/*<div class="content"> Für den Seiteninhalt */
.content {
       width : 96%;	
       margin : 0 auto;
	
}

/*<div class="content1"> Für Das UnUsedHeaderCount_include.ds!*/
.content1 {
       margin : 0 auto;
       width : 400px;
	  
}
/*<div class="content2"> Für das INCLUDE_SendMailToAddresseGroup.html */
.content2 {
       margin : 0 auto;
       width : 500px;	
}
/*<div class="content3"> Für das ScoreFile.html */
.content3 {
       margin : 0 auto;
       width : 600px;	        
}		   
/*<div class="content7"> Für das ScoreFile.html */
.content7 {
       margin : 0 auto;
       width : 650px;	         
}	

/*<div class="content4"> Für das DBReminder_include.html  */
.content4 {
       margin : 0 auto;
       width : 750px;       
}	
/*<div class="content4"> Für das  xct.html  Generation ZWEI*/
.content5 {
       margin : 0 auto;
       width : 800px;      
}		   
/*<div class="content6"> Für das  xct.html  Generation ZWEI*/
.content6{
       margin : 0 auto;
       width : 900px;	      	   
}	
/*<div class="content6"> Für das  xct.html  Generation ZWEI*/
.content8{
       margin : 0 auto;
       width : 950px;	      	   
}	   

/*Das Aussehen von Tasten nachbilden*/

kbd{
   position: relative; 
   z-index: 0;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-style: solid;
   background:#F8EEDD;
   font:100%/ 1.0em helvetica, Arial,tahoma,georgia;
   padding-left: 2px;
   padding-right: 2px;
   vertical-align: middle;
   -o-border-radius:4px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   border-radius: 4px;
   behavior: url(/PIE.htc);
   behavior: url(border-radius.htc);	
}
.Fusszeile {
         position: relative; 
	     z-index: 0;
         clear: both;
         font:100%/ 1.6em  helvetica,Tahoma,sans-serif,Arial;
		 font-style:italic;
	     font-size: 1em;
		 padding-top: 0.3em;
		 margin-left :1.6em;
         margin-right :1.6em;
         text-align: center;
		 border: 1px solid #044F53;
		 background : url(images/silber1.png) repeat-x;
         background-image: -moz-linear-gradient(top, #F5F5F5 , #c3c3c3 ); /* FF3.6 */
	     background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F5F5F5),color-stop(1, #c3c3c3)); /* Safari 4+, Chrome 2+ */
	     background-image: -webkit-linear-gradient(top, #F5F5F5, #c3c3c3); /* Safari 5.1+, Chrome 10+ */
	     background-image: -o-linear-gradient(top, #F5F5F5, #c3c3c3); /* Opera 11.1+ */
	     background-image: -ms-linear-gradient(top, #F5F5F5, #c3c3c3); /* IE10+ */
	     background-image: linear-gradient(top, #F5F5F5, #c3c3c3);		 
         height : 1.9em; 
		 text-decoration :none;
		 -o-border-radius:14px;
	     -moz-border-radius:14px;
	     -webkit-border-radius:14px;
	     border-radius: 14px;
	     -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */
         -o-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
	     -webkit-box-shadow:rgba(0,0,0,0.4) 5px 5px;  /* spread */ 
	     -moz-box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */
	     box-shadow: rgba(0,0,0,0.4) 5px 5px;  /* spread */	
         behavior: url(/PIE.htc);
       	 behavior: url(border-radius.htc);		 
  }