/*fd9d13 - > d58b00, e19000, d57400*/

body {
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
}

#wrapper {
	background:url(../img/bk.gif) top repeat-x;
	/*height:100%;	*/
}

/* --------------------------------------------------------------------------------- */
/* > frame */

#frame {
	width:778px;
	margin:0px auto 0px auto;	
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	background:url(../img/bk_bottom.gif) bottom repeat-x;	
}

	/* ----------------------------------------------------------------------------- */
	/* > frame > top */

	#frame #top {
	}
	
	#frame #top #header{
	}
	
  	#frame #top #header #logo {
  		float:left;  	
  		height:65px;
  		width:652px;
  		padding-top:18px;  		
  	}	

  	#frame #top #header #lang {
      float:left;
  		height:58px;
  		width:126px;
  		padding-top:25px;  		
  	}
  	  	
    #frame #top #header #lang a {
      display:block;
      overflow:hidden;
      float:right;
      width:36px;
      height:21px;
      margin-left:6px;
    }
    
    * html #frame #top #header #lang a {
      margin-left:4px;    
    }    
  	
  	#frame #top #header #lang #lang_cs {
      background: url(../img/icon_cs.gif) top left no-repeat;
  	}  	
  	
  	#frame #top #header #lang #lang_en {
      background: url(../img/icon_en.gif) top left no-repeat;
  	}
  	
  	#frame #top #header #lang #lang_de {
      background: url(../img/icon_de.gif) top left no-repeat;
  	}  	
  	
  	#frame #top #header #lang #lang_cs.current, #frame #top #header #lang #lang_cs.current:hover {
      background-position:bottom left;
    }
    
  	#frame #top #header #lang #lang_en.current, #frame #top #header #lang #lang_en.current:hover {
      background-position:bottom left;
    }
    
  	#frame #top #header #lang #lang_de.current, #frame #top #header #lang #lang_de.current:hover {
      background-position:bottom left;
    }        

  	#frame #top #header #lang #lang_cs:hover {
      background-position:top right;
    }
      	
  	#frame #top #header #lang #lang_en:hover {
      background-position:top right;
    }
    
  	#frame #top #header #lang #lang_de:hover {
      background-position:top right;
    }    
		
	#frame #top #tabs {
	  height:35px;
		padding-left:246px;
    background:url(../img/bk_tabs.gif) top repeat-x;		
	}
	
		#frame #top #tabs a {
			float:left;
			display: block;
			overflow:hidden;			
			padding-top:8px;			
		  font-style:Arial, Verdana, Helvetica, sans-serif;
			font-size:13px;
      font-weight:bold;	
			text-decoration:none;
			text-transform:uppercase;
			text-align:center;			
		}
		
		#frame #top #tabs #tab_showroom {
			width:127px;
			height:27px;
			padding-left:35px;
			margin-right:4px;
			color:#FFFFFF;
			background: url(../img/tab_showroom.gif) top left no-repeat #848484;
		}

		#frame #top #tabs #tab_get {
			width:160px;
			height:27px;
			padding-left:35px;
			margin-right:4px;
			color:#FFFFFF;
			background: url(../img/tab_get.gif) top left no-repeat #848484;
		}

		#frame #top #tabs #tab_about {
			width:110px;
			height:27px;
			padding-left:35px;
			margin-right:4px;
			color:#FFFFFF;
			background: url(../img/tab_about.gif) top left no-repeat #848484;
		}
		
		#frame #top #tabs #tab_showroom.current, #frame #top #tabs #tab_showroom.current:hover {
			width:162px;
      padding-left:0px;
      text-align:center;		
			background-position: bottom left;
		}
		
		#frame #top #tabs #tab_get.current, #frame #top #tabs #tab_get.current:hover {
			width:195px;
      padding-left:0px;
      text-align:center;		
			background-position: bottom left;	
		}
		 
		#frame #top #tabs #tab_about.current, #frame #top #tabs #tab_about.current:hover {
			width:145px;
      padding-left:0px;
      text-align:center;		
			background-position: bottom left;		
		}		
		
		#frame #top #tabs #tab_showroom:hover {
			background-position: top right;
		}
		
		#frame #top #tabs #tab_get:hover {
			background-position: top right;	
		}
		 
		#frame #top #tabs #tab_about:hover {
			background-position: top right;		
		}
		
	/* ----------------------------------------------------------------------------- */
	/* > frame > overview */

	#frame #overview {
    height:91px; /*91px;*/  		
	}
	
	 #frame #overview #overview_left {
	   float:left;
	   width:500px;
	   height:71px;	   
     padding:10px 20px 10px 20px;	   
	 }
	
      #frame #overview #overview_left #overview_title {
        padding:5px 0 5px 0; 
        font-style:Arial, Verdana, Helvetica, sans-serif;
        font-size:18px;
        font-weight:bold;
        text-transform:uppercase;
        color:#ffffff;
      }
      
      #frame #overview #overview_left #overview_text {
        padding:0px 0 5px 0;
        color:#000000;
      }

	 #frame #overview #overview_right {
	   display:block;
	   float:right;
	   width:215px;	   
	 }
					
	/* ----------------------------------------------------------------------------- */
	/* > frame > content */

	#frame #content {
		min-height:400px;
		padding-top:23px;
		width:778px;
		background: url(../img/bk_content.gif) top repeat-x;		
	}
		
  	#frame #content #content_left {
      float:left;
      overflow:hidden;
      width:566px;
      padding:0px 20px 5px 20px;      
  	}
  	
      #frame #content #content_left .feature {
        line-height:16px;
        padding:7px 25px 10px 25px;
        height:120px;
      }
      
        #frame #content #content_left .feature img {
          float:left;
          margin-right:20px;
        }
        
        #frame #content #content_left .feature p {
          float:left;
        }  	
  	
  	#frame #content #content_right {
  	  float:left;
      overflow:hidden;  	  
  	  width:162px;
  	}
  	
  		#frame #content #content_right a {
        display:block;
        overflow:hidden;
        line-height:16px;
        text-align:left;
        text-decoration:none;
        margin-bottom:15px;
  		}

    	#frame #content #content_right #panel_get {
        width:111px;
        height:156px;
        padding:20px;
        background: url(../img/panel_get.jpg) top left no-repeat; 
    	}
      
      #frame #content #content_right #panel_get:hover {
        background-position:top right;
      } 	
  	
    	#frame #content #content_right #panel_creator {
        width:111px;
        height:183px;
        padding:20px;        
        background: url(../img/panel_creator.jpg) top left no-repeat; 
    	}
      
      #frame #content #content_right #panel_creator:hover {
        background-position:top right;
      } 	


    #frame #content #showroom {
      overflow:hidden;
      width:778px;
      height:325px;
    }
    
      #frame #content #showroom #showroom_left  {
        display:block;
        float:left;
        overflow:hidden;
        width:19px;
        height:318px;
        background:url(../img/showroom_left.gif) top left no-repeat;
      }
      
      #frame #content #showroom #showroom_left:hover  {
        background-position:top right;
      }
      
      #frame #content #showroom img {
        float:left;
        width:741px;
        height:318px;        
      }
      
      * html #frame #content #showroom img {
        width:738px;      
      }      
      
      #frame #content #showroom #showroom_right  {
        display:block;
        float:left;
        overflow:hidden;
        width:18px;
        height:318px;
        background:url(../img/showroom_right.gif) top left no-repeat;
      }
      
      #frame #content #showroom #showroom_right:hover  {
        background-position:top right;
      }
								
	/* ----------------------------------------------------------------------------- */
	/* > frame > bottom */

	#frame #bottom {
		height:20px;
		padding:25px 20px 0 20px;
	}
	
  	#frame #bottom a {
			color:#888888;
			text-decoration:none;
		}
	
  	#frame #bottom a:hover {
			text-decoration:underline;
		}
    	
		#frame #bottom #left {
			float:left;
		}
	
		#frame #bottom #right {
			float:right;
		}
		
/* ----------------------------------------------------------------------------- */
/* generic */		
	
a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

img {
  border:none;
}

p {
  padding:0px;
  margin:8px 25px 8px 25px;
  line-height:16px;
}

p.indented {
  margin-left:40px;
}

form {
  padding:0px;
  margin:15px 25px 8px 25px;
  line-height:16px;
}

strong {
  color:#888888;
}

h1 {
  height:20px; 
  padding:1px 0px 2px 25px;
  margin:5px 0px 10px 0px;
  font-style:Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  color:#000000;
  background:url(../img/icon_flash.gif) top left no-repeat;
  border-bottom:1px solid #e6e6e6;
}

h2 {
  padding:13px 25px 11px 25px;
  margin:0px;
  font-size:11px;
  color:#888888;
}

ul {
  padding:0px;
  margin:5px 40px 5px 40px;
}

li {
  margin:7px 0px 7px 0px;
  line-height:16px;
}

li.indented {
  margin:14px 0px 2px 0px;
}

b {
}

table {
  margin:10px 25px 10px 25px;
  padding:0px;
  border-collapse:collapse;
  line-height:16px;
}

tr, td {
  margin:0px;
  padding:0px;
}

tr {
  height:20px;
}

.field {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;  
}

p.clear { clear: both;   margin: 0; padding: 0;	border:0; font-size:0;}