/**********************************************************************/
body  {
        background-color : #FFFFFF;      
        background-repeat:no-repeat;
        background-position:center;
        font-family : Arial, Verdana, Tahoma;
        margin-left : 0px;
        margin-right : 0px;
        margin-top : 0px;
        margin-bottom : 0px;
        overflow-y: scroll;          
}
a  {
        font-family : Arial, Verdana, Tahoma;
        color: inherit;
} 
a:visited  {
        color : inherit;
} 
a:hover  {
        color : #1A6FBE;
}
a:active  {
        color : inherit;
} 
.Link {
        font-family : Arial, Verdana, Tahoma;
        font-size : 10px;
        color : inherit;
        cursor : pointer;
} 
.img { -ms-interpolation-mode: bicubic; }

.footfixed {
                bottom: 0px;
				font-size : 12px;
        text-align: center;
        vertical-align: middle;
        }

.footbutton {
                bottom: 0px;
		vertical-align: middle;
		margin-top : 1em;
        }
        
.Leistelinks  {
         color : #000000;
  FONT-SIZE: 16px;
  FONT-WEIGHT : bold;
        float: left;
		width: 35%;
        text-align: left;
}
.Leisterechts  {     
         color : #000000;
        float: left;
		width: 65%;
        text-align: right;
}
.zeile	{	
		clear: both;
		margin-left: auto ;
		margin-right: auto ;

}
.links	{	
		float: left;
		width: 250px;
}
.mitte	{	
		float: left;
		width: 250px;
}
.rechts	{	
		float: left;
		width: 250px;
}   
.ueberschrift14	{
        font-family : Arial, Verdana, Tahoma;
        font-size : 14px;    
        FONT-WEIGHT : bold;
        line-height: 20px;   
}      
.ueberschriftGothic40	{
        font-family : "Century Gothic",sans-serif;
        font-size : 40px;  
        line-height: 20px;   
}
.ueberschriftGothic30 {
    font-family: "Century Gothic",sans-serif;
    font-size: 30px;
    line-height: 20px;
}    
.schriftGothic14	{
        font-family : "Century Gothic",sans-serif;
        font-size : 14px;   
        line-height: 20px;   
}        
.schriftStandard14	{
        font-family : Arial, Verdana, Tahoma;
        font-size : 14px;   
        line-height: 20px;   
}    
.schriftGothic20	{
        font-family : "Century Gothic",sans-serif;
        font-size : 20px;   
        line-height: 20px;   
}     
.schriftStandard20	{
        font-family : Arial, Verdana, Tahoma;
        font-size : 20px;   
        line-height: 20px;   
}             
/* Menueelemente*/
.menu {                      
        background-image: none;
        vertical-align: middle;    
		 
         } 
/* style the top level active */
.menu a.act,
.menu a.act:link,
.menu a.act:visited,
.menu a.act:hover,
.menu a.act:active,
.menu ul ul a.act,
.menu ul ul a.act:link,
.menu ul ul a.act:visited,
.menu ul ul a.act:hover,
.menu ul ul a.act:active {   
        font-family : "Century Gothic",sans-serif;   
         color: #1A6FBE;
         display: block;       
		 }    
/* make the second level visible when hover on first level list OR link */

.menu li:hover > ul {          
         visibility: visible;
         width: 80px;
         display: block;      
}
.menu li  {           
        font-size : 20px;   
        line-height: 20px;
        list-style: none;
        margin-left:1em;
        margin-right:0em;
} 
/* remove all the bullets, borders and padding from the default list styling */ 
.menu ul  {                      
         list-style-type: none;
         list-style-image: none;
         margin: 0;
         padding: 0;
         height: 22px }
.menu ul ul {                  
         list-style-image: none;
         margin-left: -10px; }
.menu ul ul a,
.menu ul ul a:link,
.menu ul ul a:visited,
.menu ul ul a:hover  {        
         background-image: none;  
         text-transform: none;
         }                 
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {           
         position: relative;
         float: left; }     
/* style the links for the top level */
.menu a,
.menu a:link,
.menu a:visited {  
        font-family : "Century Gothic",sans-serif;  
         color : #FFFFF;  
         line-height: 2em;
         vertical-align: bottom;
         display: block;
        text-decoration: none;
         text-underline: none;
        }    
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a,
* html .menu a:link,
* html .menu a:visited                                         { float: left;  }     
/* hide the sub levels and give them a positon absolute so that they take up no room */  
.menu ul ul {                         
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 25px; left: 0;
         }
.menu ul ul ul {                 
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 8px;
         left: 97%;
         width: 100%; }   
/* another hack for IE5.5 */  
* html .menu ul ul {      
         background-image: none;
         top: 87px;
         font-size: 0.75em;  }                
/* style the table so that it takes no ppart in the layout - required for IE to work */ 
.menu table                                                          { background-image: none; position: absolute; top: 0; left: 0 }      
/* style the second level links */ 
.menu ul ul a,
.menu ul ul a:link,
.menu ul ul a:visited {          
         line-height: 1em;
         background-color : #FFFFFF;
         background-image: none;
         padding: 5px 0px;
         width: 155px;
         height: auto;
         border-color : #29180C;
         border-spacing : none;
         border-left-width : 0px;
         border-left-style : solid;
         border-right-width : 0px;
         border-right-style : solid;
         border-top-width : 0px;
         border-top-style : solid;
         border-bottom-width : 0px;
         border-bottom-style : solid; }     
/* style the third level links */
.menu ul ul ul a,
.menu ul ul ul a:link,
.menu ul ul ul a:visited {   
         width: 150px;
          }  
* html .menu ul ul a,
* html .menu ul ul a:link                                  {background-image: none;  }
* html .menu ul ul a:hover                                 {background-image: none;}     
/* style the top level hover */ 
.menu a:hover,
.menu ul ul a:hover {           
         color : #1A6FBE;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
         }           
.menu :hover > a,
.menu ul ul :hover > a {        
         color: #1A6FBE;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
          } 
.menu ul ul a:hover {      
         color: #1A6FBE;
         background-image: none
         }  
             
/* Shop Menueelemente*/
.menuShop {                      
        background-image: none;
        vertical-align: middle;    
		 
         } 
/* style the top level active */
.menuShop a.act,
.menuShop a.act:link,
.menuShop a.act:visited,
.menuShop a.act:hover,
.menuShop a.act:active,
.menuShop ul ul a.act,
.menuShop ul ul a.act:link,
.menuShop ul ul a.act:visited,
.menuShop ul ul a.act:hover,
.menuShop ul ul a.act:active {     
         font-weight: bold;
        font-size : 14px; 
        font-family : "Century Gothic",sans-serif;   
         color: #1A6FBE;
         display: block;       
		 }    
/* make the second level visible when hover on first level list OR link */

.menuShop li:hover > ul {          
         visibility: visible;
         width: 80px;
         display: block;      
}
.menuShop li  {           
        font-size : 12px;   
        line-height: 20px;
        list-style: none;
        margin-left:1em;
        margin-right:0em;
} 
/* remove all the bullets, borders and padding from the default list styling */ 
.menuShop ul  {                      
         list-style-type: none;
         list-style-image: none;
         margin: 0;
         padding: 0;
         height: 22px }
.menuShop ul ul {                  
         list-style-image: none;
         margin-left: -10px; }
.menuShop ul ul a,
.menuShop ul ul a:link,
.menuShop ul ul a:visited,
.menuShop ul ul a:hover  {        
         background-image: none;  
         text-transform: none;
         }                 
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuShop li {           
         position: relative;
         float: left; }     
/* style the links for the top level */
.menuShop a:visited {  
        font-family : "Century Gothic",sans-serif;  
         color : #FFFFF;     
         font-weight: bold;
         line-height: 2em;
         vertical-align: bottom;
         display: block;
        text-decoration: none;
         text-underline: none;
        }    
.menuShop a,
.menuShop a:link {  
        font-family : "Century Gothic",sans-serif;  
         color : #000000;    
         line-height: 2em;
         vertical-align: bottom;
         display: block;
        text-decoration: none;
         text-underline: none;
        }    
/* a hack so that IE5.5 faulty box model is corrected */
* html .menuShop a,
* html .menuShop a:link,
* html .menuShop a:visited                                         { float: left;  }     
/* hide the sub levels and give them a positon absolute so that they take up no room */  
.menuShop ul ul {                         
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 25px; left: 0;
         }
.menuShop ul ul ul {                 
         background-image: none;
         visibility: hidden;
         position: absolute;
         top: 8px;
         left: 97%;
         width: 100%; }   
/* another hack for IE5.5 */  
* html .menuShop ul ul {      
         background-image: none;
         top: 87px;
         font-size: 0.75em;  }                
/* style the table so that it takes no ppart in the layout - required for IE to work */ 
.menuShop table                                                          { background-image: none; position: absolute; top: 0; left: 0 }      
/* style the second level links */ 
.menuShop ul ul a,
.menuShop ul ul a:link,
.menuShop ul ul a:visited {          
         line-height: 1em;
         background-color : #FFFFFF;
         background-image: none;
         padding: 5px 0px;
         width: 155px;
         height: auto;
         border-color : #29180C;
         border-spacing : none;
         border-left-width : 0px;
         border-left-style : solid;
         border-right-width : 0px;
         border-right-style : solid;
         border-top-width : 0px;
         border-top-style : solid;
         border-bottom-width : 0px;
         border-bottom-style : solid; }     
/* style the third level links */
.menuShop ul ul ul a,
.menuShop ul ul ul a:link,
.menuShop ul ul ul a:visited {   
         width: 150px;
          }  
* html .menuShop ul ul a,
* html .menuShop ul ul a:link                                  {background-image: none;  }
* html .menuShop ul ul a:hover                                 {background-image: none;}     
/* style the top level hover */ 
.menuShop a:hover,
.menuShop ul ul a:hover {           
         color : #1A6FBE;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
         }           
.menuShop :hover > a,
.menuShop ul ul :hover > a {        
         color: #1A6FBE;
         font-weight: bold;
         text-decoration: none;
         background-image: none;
          } 
.menuShop ul ul a:hover {      
         color: #1A6FBE;
         background-image: none
         }      
.Mainframe {                
         table-layout : fixed;
        width : 1020px;
        height: 700px;
        align: center;
        margin-top : 177px;   
 }
.menufixed {
    position: relative;
                position: fixed;
                top: 0px;
                left: 50%;
                width: 1025px;
                margin-left: -512px; 
        } 
        table-layout : fixed;
        width : 788px;
        height: 52px;
        align: center;
        margin-top : 5px;
        border-color : #29180C;
        border-spacing : 1px;
        border-left-width : 1px;
        border-left-style : solid;
        border-right-width : 1px;
        border-right-style : solid;
        border-top-width : 1px;
        border-top-style : solid;
        border-bottom-width : 1px;
        border-bottom-style : solid;
        position: fixed;
}
.Nav {
		clear: both;
        font-size : 16px;
        font-weight: normal;          
        vertical-align : top;
        text-align: left;
        height : 160px;   
                width: 1025px;
} 
.NavInTable {             
        font-family : "Century Gothic",sans-serif;
		clear: both;
         font-size : 12px;
        font-weight: normal;          
        vertical-align : top;
        text-align: left;  
}                         
.Navlinks	{	
		    float: left;
        background-color : #FFFFFFF;  
        height : 60px;  
        	width : 35%;
}
.Navrechts	{	
		    float: left;
        background-color : #FFFFFFF;  
        height : 60px;
		width : 52%;
}  
.Navlogo	{	
		float: left;  
        background-color : #FFFFFFF;  
         display: block;
         height : 60px;
		width : 13%;
}
.Navlogo1	{
  height : 142px;
  background-image: url('logoverband.png');
  background-repeat: no-repeat;
  background-position: center center;
}
 #dieBox
 {     
  float: left; 
  width : 13%;
  height : 142px;
  border: 1px solid #000;
 }
 
 #dieBox img
 {
  display:block;
  margin: auto auto;
 }
.Mainleiste {
        
        height: 10px;
        background-color : #FFFFFFF;
        align: center;
        margin-top : 0px;     
}
.Maintext  {
		clear: both;
        font-family : "Helvetica Neue",Helvetica,Arial,sans-serif,"Century Gothic", Arial, Verdana, Tahoma;
        font-size : 14px;
        background-color : #FFFFFF;
        text-align: justify;
        vertical-align : top;
}   
.MaintextWeiss  {
		clear: both;
        font-family : "Helvetica Neue",Helvetica,Arial,sans-serif,"Century Gothic", Arial, Verdana, Tahoma;
        font-size : 14px;
        background-color : #F6FCF9;F;
        text-align: justify;
        vertical-align : top;
}
.Leistentext  {
        font-family : "Helvetica Neue",Helvetica,Arial,sans-serif,"Century Gothic", Arial, Verdana, Tahoma;
        font-size : 16px;
        font-weight: normal;
        color : white;
        vertical-align : top;
}

.table {
        display: table;
        width: 990px; 
        border: 1px solid #000000;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #FFFFFF;
}
.tabledruck {
    display: table;
    width: 950px;
    border: 0px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
.tabledruckKopf {
    display: table;
    width: 950px;
    height: 250px;
    border: 0px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
.tabledruckRandObenUnten {
    display: table;
    width: 950px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
.tabledruckMaxHoehe {
    display: table;
    width: 960px;
    height: 1290px;
    border: 0px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.table20 {
    display: table;
    width: 20%;
    height: 20%;
    border: 1px solid blue;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}      

.table40 {
        display: table;
        width: 40px; 
        border: 1px solid blue;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #FFFFFF;
}  
.tableArtikel300 {
        display: table;
        width: 275px;         
        height:200px;
        border: 0px solid #FFFFFF;
        padding: 5px;
        margin-left:auto;margin-right:auto;
        background-color : #FFFFFF;
}     
.tableNoborderSchmal {
        display: table;
        width: 600px; 
        border: 0px;
        padding: 5px;
        margin-left:auto;margin-right:auto;
}      
.tableSchmalRund {
        display: table;
        width: 600px; 
        border: 1px solid #000000;               
        border-radius: 5px;
        padding: 5px;
        margin-left:auto;margin-right:auto;
}     
.tableNoborder {
        display: table;
        width: 990px; 
        border: 0px;
        padding: 5px;
        margin-left:auto;margin-right:auto;
}
.tableNoborderMaxHoehe {
    display: table;
    width: 1150px;
    height: 90%;
    border: 0px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.zeile {
        display:table-row;
        line-height: 150%;
}
.zeile a,
.zeile a:link,
.zeile a:visited {
        text-decoration: none;
        text-underline: none;
} 
.spalte {
        display: table-cell;
        border: thin solid #04519b;
        width: 250px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}   
.spalteSchmal {
        display: table-cell;
        border: 1px solid #000000;
        width: 20%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte30px {
        display: table-cell;
        border: 1px solid #000000;
        width: 30px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}   
.spalte50pxTopBorder {
        display: table-cell;
        border-top: 1px solid #000000;  
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte50pxTopLeftBorder {
        display: table-cell;
        border-top: 1px solid #000000;  
        border-left: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}
.spalte50pxTopLeftBorderRot {
    display: table-cell;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    width: 50px;
    padding: 5px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: red;
    vertical-align: top;
}   
.spalte50pxTopLeftRightBorder {
        display: table-cell;
        border-top: 1px solid #000000;  
        border-left: 1px solid #000000; 
        border-right: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte50pxRightBorder {
        display: table-cell;
        border-right: 1px solid #000000;  
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte50pxTopRightBorder {
        display: table-cell;
        border-top: 1px solid #000000;  
        border-right: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte50pxBottomBorder {
        display: table-cell;
        border-bottom: 1px solid #000000;  
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}   
.spalte50pxBottomLeftBorder {
        display: table-cell;
        border-bottom: 1px solid #000000;  
        border-left: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 
.spalte50pxBottomRightBorder {
        display: table-cell;
        border-bottom: 1px solid #000000;  
        border-right: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}   
.spalte50pxBottomDoubleBorder {
        display: table-cell;
        border-bottom: 4px double #000000;  
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}    
/*Basket*/   
  
.spalte50pxBasket {
        display: table-cell;
        border: 0.5px solid #969696; 
        width: 50px;
        padding: 5px;
        font-family : Arial, Verdana, Tahoma;
        font-size : 12px;            
        color : #969696;
        vertical-align:top;
}   
.spalte50pxTopBottomLeftBorderBasket {
        display: table-cell;
        border-top: 0.5px solid #969696; 
        border-bottom: 0.5px solid #969696;  
        border-left: 0.5px solid #969696;
        width: 50px;
        padding: 5px;
        font-family : Arial, Verdana, Tahoma;
        font-size : 12px;                  
        color : #969696;
        vertical-align:top;
}   

.spalte50pxBottomLeftBorderBasket {
        display: table-cell;
        border-bottom: 0.5px solid #969696;
        border-left: 0.5px solid #969696;
        width: 50px;
        padding: 5px;
        font-family : Arial, Verdana, Tahoma;
        font-size : 12px;                  
        color : #969696; 
        vertical-align:top;
} 
.spalte50pxBottomLeftRightBorderBasket {
        display: table-cell;
        border-bottom: 0.5px solid #969696;   
        border-left: 0.5px solid #969696;
        border-right: 0.5px solid #969696;
        width: 50px;
        padding: 5px;
        font-family : Arial, Verdana, Tahoma;
        font-size : 12px;                  
        color : #969696;   
        vertical-align:top;
} 
 

  
.spalte50px {
        display: table-cell;
        border: 1px solid #000000;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}                
.spalte100px {
        display: table-cell;
        border: 1px solid #000000;
        width: 100px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}    
.spalte30pxRot {
        display: table-cell;
        border: 1px solid #000000;   
        background-color: #F9072B;
        width: 30px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}              
.spalte50pxRot {
        display: table-cell;
        border: 1px solid #000000;   
        background-color: #F9072B;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}                
.spalte30pxGruen {
        display: table-cell;
        border: 1px solid #000000;   
        background-color: #25FC04;
        width: 30px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}                  
.spalte50pxGruen {
        display: table-cell;
        border: 1px solid #000000;   
        background-color: #25FC04;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}            
.spalteNoborder50px {
        display: table-cell;
        border: 0px;
        width: 50px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top; 
}              
.spalteNoborder1150px {
        display: table-cell;
        border: 0px;
        width: 990px;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}       
.spalteNoborder10 {
        display: table-cell;
        border: 0px;
        width: 10%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}          
.spalteNoborder20 {
        display: table-cell;
        border: 0px;
        width: 20%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}     
.spalteNoborder30 {
        display: table-cell;
        border: 0px;
        width: 30%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}         
.spalteNoborder40 {
        display: table-cell;
        border: 0px;
        width: 40%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}            
.spalteNoborder50 {
        display: table-cell;
        border: 0px;
        width: 50%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}         
.spalteNoborder60 {
        display: table-cell;
        border: 0px;
        width: 60%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}           
.spalteNoborder70 {
        display: table-cell;
        border: 0px;
        width: 70%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
}         
.spalteNoborder80 {
        display: table-cell;
        border: 0px;
        width: 80%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;      
        vertical-align:top;
} 

.spalteNoborderSchmal {
        display: table-cell;
        border: 0px;
        width: 20%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
} 
.spalteNoborder {
        display: table-cell;
        border: 0px;
        width: 50%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
}     
.spalteBorderRot {
        display: table-cell;
        border: 1px solid red;
        width: 50%;
        padding: 5px;
    font-family : Arial, Verdana, Tahoma;
    font-size : 12px;
        vertical-align:top;
} 
.hover
{
    background-color: #FFFFFF;
    z-index: 1;
}
.mask
{
    position: absolute;
    top:0;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    opacity: 0;
    z-index: 2;   
    font-family : Arial, Verdana, Tahoma;
    font-size : 16px;
    color : #1A6FBE;  
  FONT-WEIGHT: bold;
    
}  
.phototitel {          
    width: 300px;         
    height:50px;
    padding: 10px;
    background-color: #F2F2F2;
    border-right: 1px solid #AAA;
    display: inline-block;        
    font-family : "Century Gothic",sans-serif;
    font-size : 16px;
}
.phototext {          
        width: 300px;         
        height:90px;
 padding: 10px;
 background-color: #F2F2F2;
 border-right: 1px solid #AAA;
 display: inline-block;    
    font-size : 12px;    
    font-family : Arial, Verdana, Tahoma;
} 
.photobox {          
        width: 320px;         
        height:400px;
 padding: 10px;
 background-color: #857f7f;
 border-bottom: 1px solid #AAA;
 border-right: 1px solid #AAA;
 display: inline-block;
}     
.photoboxklein {          
        width: 320px;         
        height:320px;
 padding: 10px;
 background-color: #857f7f;
 border-bottom: 1px solid #AAA;
 border-right: 1px solid #AAA;
 display: inline-block;
} 
.photo {          
        width: 300px;         
        height:200px;
 padding: 10px;
 background-color: #F2F2F2;
 border-right: 1px solid #AAA;
 display: inline-block;
} 
.photoGross {          
        width: 300px;         
        height:300px;
 padding: 10px;
 background-color: #F2F2F2;
 border-right: 1px solid #AAA;
 display: inline-block;
}
.photo img {
 float: center;
}
.box
{
    position: relative;
}
.box:hover .mask
{
    opacity: 1;
}?
/**********************************************************************/
p {
        padding: 1;
        margin: 2;    
        FONT-SIZE: 12px;
        line-height:17pt;
        margin-left:1em;
        margin-right:1em;
} 
H1
{
  COLOR: #1A6FBE;
  FONT-SIZE: 16px;
  FONT-WEIGHT: bold;
        margin-left:1em;
        margin-right:1em;
}      
H2
{
  COLOR: #1A6FBE;
  FONT-SIZE: 12px;
  FONT-WEIGHT: bold;
        margin-left:1em;
        margin-right:1em;
}      
H3
{
  COLOR: #1A6FBE;
  FONT-SIZE: 15px;
  FONT-WEIGHT: bold;
  line-height:15pt;
  margin-top:1em;
  margin-left:1em;
  margin-right:1em;
}       
H4
{
  COLOR: rgb(255,255,255);
  FONT-WEIGHT : normal;
}     
H5
{
  COLOR: #1A6FBE;
  FONT-SIZE: 9px;
  FONT-WEIGHT: bold;
  line-height:0pt;
  margin-left:1em;
  margin-right:1em;
}  
H6  {
        font-family : "Kunstler Script", Arial, Verdana,Tahoma;
        font-size : 40px;
        line-height: 14px;
        margin-left:1em;
        margin-right:1em;
}
select {
    font-size: 12px;
}  
input[type="file"] { 
COLOR: #FFFFFF;
  font-size: 12px;  
  width: 120px;    
  text-align:center;
}     
input[type="textkleincenter"] {
  font-size: 12px;  
  width: 50px;    
  text-align:center;
} 
input[type="textkleincenterNoBorder"] {
  font-size: 12px;
  border: 0px;  
  width: 50px;    
  text-align:center;
}
input[type="text300Rund"] {
  font-size: 12px;       
line-height: 20px;
  border: 1px solid #000000; 
  border-radius: 5px;  
  width: 300px;    
} 
input[type="text300RundRot"] {
  font-size: 12px;       
line-height: 20px;
  border: 1px solid red; 
  border-radius: 5px;  
  width: 300px;    
} 
/*MEDIA QUERY*/
@media only screen and (max-width : 640px) { 
	p {
        padding: 1;
        margin: 2;    
        FONT-SIZE: 16px;
        line-height:17pt;
        margin-left:1em;
        margin-right:1em;
	}      
	H3
	{
	  COLOR: #1A6FBE;
	  FONT-SIZE: 17px;
	  FONT-WEIGHT: bold;
	  line-height:15pt;	
	  margin-top:1em;
	  margin-left:1em;
	  margin-right:1em;
} 

/* Tabellenzellen*/
td        {
        font-family : Verdana,Arial,Tahoma;
        font-style : normal;
        font-size : 12px;
        vertical-align : top;
        line-height: 16px;
}
}