* 			{ 
			padding: 0px; 
			margin: 0px; 
                        
			}

    html {overflow-y: scroll;}				
    
    body
    {
        width: 100%;
        min-width: 960px;
        color: #435052;	
        font-size: 12px;
        line-height: 150%;        
        font-family : Verdana , Helvetica;
        background-color: #f4f4f4;	
        
    }

    a img 
    {
        border : 0;
    }
			
    pre
    {
        font-size: 11px;
        font-family: Arial;
        font-style: normal;
        font-weight: normal;
         line-height : 17px;

        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
	}
			
    #header 
    {
        width: 100%;
        margin: auto;
        text-align: left;
        height: 102px;
        background-color: #ececec;
    }
    
    
    .header_shadow {
        height: 5px;
        background-image: url("../pics/shadow.png");
        background-repeat: repeat-x;	
    }
    

    #footer_shadow {
        height: 5px;
        background-image: url("../pics/shadow_reverse.png");
        background-repeat: repeat-x;	
    }
    
    #main_navi {
        position: absolute;
        top: 40px;
        left: 0px;
        font-size: 12pt;
    }
    
    #footer_txt {
        position: absolute;
        top: 15px;
        left: 0px;
        font-size: 12pt;
        color: #ffffff;
    }
    
      #footer_icon {
        position: absolute;
        top: 10px;
        right: 0px;
        
    }
    
    #black_footer_input {
        position: absolute;
        width: 200px;
        top: 15px;
        left: 0px;
        font-size: 10pt;
        line-height: 110%;
        color: #ffffff;
    }
    
    #black_footer_breaker {
        position: absolute;
        background-image: url("../pics/footer_breaker.png");
        width: 39px;
        height: 226px;
        top: 15px;
        left: 600px;

    }
    
    #black_footer_contact {
        position: absolute;
       
        top: 15px;
        right: 50px;
        font-size: 10pt;
        line-height: 110%;
        color: #ffffff;
    }
    
    .navi_item
			{
			float:left;

			padding-right: 20px;
			padding-left: 20px;
			}
			
#cta.navi_item:hover
			{
			color: #ff7d00;
			}
    
    #logo {
        position: absolute;
        top: 22px;
        right: 0px;
        
    }
    
    #navi_left 
    {
        position: absolute;
        top: 50px;
        left: 0px;
        width: 148px;

        min-height: 200px;
        padding: 5px 5px 5px 5px;
        border: 1px solid #000000;
	}

    #content_window
    {
        position: absolute;
        top: 50px;
        height: 50px;
        left:159px;
        width: 732px;
        padding: 5px 5px 5px 5px;
        border: 1px solid #ff0000;
	 }



			

							


#pageborder	{
			width: 100%;
			min-width: 960px;
			background-image: url("../pics/page_border_left.png"), url("../pics/page_border_right.png");
			background-repeat: repeat-y, repeat-y;
			background-position: top left, top right;
			}
			
.wrapper	{		
			position: relative;
			width: 960px;
			margin: auto;
			text-align: left;
			}

#footer		{
                        position: relative;                            
			width: 100%;
			margin: auto;
                        height: 50px;
			text-align: left;
                        background-color: #ec7404;
			}
              
#preheader		{
                        position: relative;                            
			width: 100%;
			margin: auto;
                        height: 10px;
                        background-color: #ec7404;
			}
                        
#black_footer		{
                        position: relative;                            
			width: 100%;
			margin: auto;
                        height: 264px;
			text-align: left;
                        background-color: #435052;
                        background-image: url("../pics/footer_gradient.png");
                        background-repeat: repeat-x;	
			}	

						

.subnavi {
                        margin-bottom: 10px;
                        }


 .fade {
   opacity: 0;
   
   transition: opacity .50s ease-in-out;
   -moz-transition: opacity .50s ease-in-out;
   -webkit-transition: opacity .50s ease-in-out;
   }
 
.fade_bg {   
   transition: background .50s ease-in-out;
   -moz-transition: background .50s ease-in-out;
   -webkit-transition: background .50s ease-in-out;
   }
   
   
.fade:hover {
      opacity: 1;
     
      }    
      
.fadenav {
   color: #4b4b4b;
   transition: color .25s ease-in-out;
   -moz-transition: color .25s ease-in-out;
   -webkit-transition: color .25s ease-in-out;
   }
 
   
.fadenav:hover {
      color: #ff7d00;
      } 
  
.logos {
        padding: 5px;
        padding-top: 12px;
      }
			

                   
h1      {                
        font-weight: normal;
		color: #ff7d00;
        color: #4b4b4b;
		font-size: 15px;
        line-height: 150%;
        font-weight: bold;
		}		

            
h2         {            
            font-weight: lighter;
			color: #ff7d00;
            color: #4b4b4b;
			font-size: 14px;
            line-height: 150%;
			}		

h3         {
                        
            font-weight: lighter;
			color: #ff7d00;
            color: #4b4b4b;
			font-size: 12px;
            line-height: 150%;
			}
	

               


input
			{
                        font-size : 11px;
                        line-height : 17px;
                        font-family : Arial, Helvetica, sans-serif;
			}
			

			
#cta.subtext
			{
			color: #434343;
			font-size: 12px;
			
			}
			
#cta.insert	{
			font-family: 'OrbitronLight';			
			color: #ff7d00;
			font-size: 45px;
			}


                        
                        
                        
                        
.item_bg {                     
                        cursor: pointer;
                        width:580px;
                        margin-top:10px;
                        padding-top: 1px;
                        transition: all .25s ease-in-out;
                        -moz-transition: all .25s ease-in-out;
                        -webkit-transition: all .25s ease-in-out;
                         background-image: url("../pics/pfeil.png");
                        background-position: top left;
                        background-repeat: no-repeat;
                        }                        
                        
.item_bg:hover {
                        padding-top: 1px;
                        background-color: #fafafa; 
                        margin-top:10px;
                        width:580px; 
                        -webkit-box-shadow: 0 0px 15px 2px #aaaaaa; 
                        -moz-box-shadow: 0 0px 15px 2px #aaaaaa;  
                        box-shadow: 0 0px 15px 2px #aaaaaa; 
                        background-image: url("../pics/pfeil.png");
                        background-position: top right;
                        background-repeat: no-repeat;
                      
                        }
                        
.item_logo {            float:left;         
                        
                        width:75px;
                        margin-bottom:10px;
                      
                        margin-right: 8px;
                        transition: all .15s ease-in-out;
                        -moz-transition: all .15s ease-in-out;
                        -webkit-transition: all .15s ease-in-out;
                        
                        }                        
                        


.port_cont {
                         display: none;
                         left: 1000px;
                         transition: all .25s ease-in-out;
                        -moz-transition: all .25s ease-in-out;
                        -webkit-transition: all .25s ease-in-out;
                        }
                        
.port_cont:hover {
                        display: inline;
                        left: 0px;
                            
                        }
                        
         
			
.spacer_30	{
			height: 30px;
			}
			
.spacer_15	{
			height: 15px;
			}
                        
.title {
                        font-family: 'OrbitronLight';	
                        margin-top: -6px;
                        
                        font-weight: normal;
			color: #ff7d00;
			font-size: 20px;
                        line-height: 150%;
                        margin-bottom: 10px;
                        }
                        
.title.page {
                        position: absolute;
                        margin-top: 0px;
                        } 
                        
.item_holder {
                        position: relative;  
                        height: 300px; 
                        margin-bottom: 100px;                        
                        }
                        
.item_big {
                        position: absolute; 
                        width: 660px; 
                        height: 300px;
                        
                        }
                        
.item_small {
                        position: absolute;
                        left: 690px;
                        width: 270px;
                        }            
                        
                        
.item_shadow {
                        position: absolute;
                        top: 299px;
                        width: 660px;
                        height: 52px;                        
                        background-image: url('../pics/shadow_box.png');
                        background-repeat: no-repeat; 
                        }            
                        
                        
#back-top {
                        margin: auto;
                        width: 30px;
                        bottom: 60px;
                        z-index: 10;
                        }
                    
                    
#back-top span {
                        margin: auto;
                        width: 30px;
                        height: 30px;
                        display: block;
                        background: url('../res/bx_styles/gray_up.png') no-repeat;
                        background-position-y: 0px;
                        }                        
                        
#back-top span:hover {
        
                        background-position: 0px -30px;
                        }
                        
                        
.button_download span   {
                        width: 123px;
                        height: 20px;
                        display: block;
                        background: url('../pics/download.png') no-repeat;
                        background-position-y: 0px;    
                        }   
                        
.button_download span:hover
                        {
                        background-position: 0px -20px;
                        }
                        
.button_kasse span   {
                        width: 123px;
                        height: 20px;
                        display: block;
                        background: url('../pics/zur_kasse.png') no-repeat;
                        background-position-y: 0px;    
                        }   
                        
.button_kasse span:hover
                        {
                        background-position: 0px -20px;
                        }   
                        
 .button_more span   {
                        width: 123px;
                        height: 20px;
                        display: block;
                        background: url('../pics/more.png') no-repeat;
                        background-position-y: 0px;    
                        }   
                        
.button_more span:hover
                        {
                        background-position: 0px -20px;
                        }  
                        
ul {
                        margin: 5px 15px;
                        }                        
                        
a                       { outline: none; }
a:link                  { text-decoration:none; color: #4b4b4b; }
a:visited               { text-decoration:none; color: #4b4b4b; }
a:hover                 { text-decoration:none; color: #ff7d00; }
a:active                { text-decoration:none; color: #ff7d00; }	


.login a:link           { text-decoration:none; color: #888888; }
.login a:visited 	{ text-decoration:none; color: #888888; }
.login a:hover   	{ text-decoration:none; color: #ff7d00; }
.login a:active  	{ text-decoration:none; color: #4b4b4b; }



.logo a:link            { text-decoration:none; color: #ff7d00; }
.logo a:visited         { text-decoration:none; color: #ff7d00; }
.logo a:hover           { text-decoration:none; color: #ff7d00; }
.logo a:active          { text-decoration:none; color: #ff7d00; }

.active a:link            { text-decoration:none; color: #ff7d00; }
.active a:visited         { text-decoration:none; color: #ff7d00; }
.active a:hover           { text-decoration:none; color: #ff7d00; }
.active a:active          { text-decoration:none; color: #ff7d00; }