body { 
    /*margin-top: 50px;*/
    background-color: #000;
    color: #ccc;
}

table, td, tr {
    /*border-width:1px;border-style:solid;
    margin: 0px;
    padding: 0px;*/
}

a {
    color: #ddd;
    text-decoration: none;
}

a:hover {
    color: #838383;
}

.white {
    color: #fff;
}

.grey {
    color: #ccc;
}

.white a{
    color: #fff;
}

.white a:hover{
    color: #fff;
}

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-350px; /* half of container's height */
		float:left;
		}

.container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		height:700px;
		/*width:45em;*/
		clear:left;
		}

       
.bg01 {
    background-image: url(../images/bgs/01.jpg);
    background-color: #404040;
    height: 622px;
    color: #fff;
}

h1 {
   color: #fff;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
}

h2 {
   color: #fff;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
}

h3 {
   color: #fff;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-top: 0px;
}


.center {
    /*border: 1px #f00 solid;*/
    text-align: center;
}

.topspacer {
    width: 231px;
    height: 231px;
    position: relative;

    margin-top: auto;
    /*border: 1px #f00 solid;*/
}

.caption {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.fortypercent {
    background-image: url(../images/menu/box_norm.png);
    background-color: transparent;

}

.menu {
    float: left;
    
    width: 231px;
    height: 231px;
    
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
    
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.menusize {
    float: left;
    width: 237px;
    margin-right: 10px;
    margin-left: 1px;
}


.menu4 {
    float: left;
    
    width: 468px;
    height: 468px;
    
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
    
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    
    overflow: auto;
}

.menu6 {
    float: left;
    
    width: 705px;
    height: 468px;
    
    margin-top: 6px;
    margin-left: 3px;
    margin-right: 3px;
    
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    
    overflow: auto;
    
}

.menucontent {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.menufirst {
    margin-left: 4px;
}

.berlin {
    margin-left: 29px;
    padding-top: 50px;
    float: left;
}

span.codedirection { unicode-bidi:bidi-override; direction: rtl; }