html, body { 
height: 100%; 
width: 100%; 
margin: 0px; 
padding: 0px; } 

body { 
font-size: 12px;
font-family:  Arial,Verdana,Helvetica,Geneva, sans-serif;
height: 100%; 
width: 100%; 
color:#000;
background-color: #ffffff; 
text-align:center;
} 

A {color:#000;}

#sidearea {
width:1000px;
height:auto;
display:table;
margin:auto;
border:3px solid #cfd1d2;
display:table;
margin-bottom:1em;
}

#header_area {
width:100%;
height:156px;
}

#logo {
width:168px;
float:left;
display:block;
}


#navi_top_area {
display:block;
width:831px;
height:156px;
float:right;
background-image: url(../img/header.jpg);
background-position: left top;
background-repeat: no-repeat;
}




#main_area {
width:100%;
height:auto;
text-align:left;
background-image: url(../img/navi-back.gif);
background-position: left;
background-repeat: repeat-y;
display:table;
}

#main_area_left {
background-color:#e3e4e5;
min-height:600px;
width:168px;
float:left;
display:block;
}


#search_area {
margin-top:1em;
margin-left:1.4em;
}


#navi_left_funktion {

}



#main_area_right {
float:right;
width:67em;
margin-top:1.5em;
padding-bottom:1.5em;
}

#navi_top_area {}
#navi_top {display:table;}





/*fx 2cols*/
.fx-2cols {
width:100%;
}
.fx-2cols_left {
width:445px;
border-right:1px solid #646567;
padding-right:2em;
float:left;
display:block;
}

.fx-2cols_right { 
padding-left:1em;
padding-right:1em;
width:305px;
display:block;
float:right;
}