#html_wrapper{
   background:white;
   border:0px red solid;
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%
}

#html_wrapper_inner{
   background:#E7E3D8;
   border:0px red solid;
   height:96.7%;
   border:10px white solid
}

#body_wrapper{ 
   position:absolute;
   background:white;
   width:100%;
   max-width:84.5em; /*~1024px*/
   _width:84.2em;
   height:100%;
}

/*************************************************************
LEFT SIDE 
**********/
#left_box_placeholder{
   float:left;
   border:0px red solid;
   margin-right:62px; /*abstand links nav*/
   width:149px;
   height:100%;
}

#left_box_inner{ 
   position:absolute;
   top:0px;
   left:0px;
   margin:10px;  
   margin-bottom:0px!important;   
   width:129px;
   height:100%;
   z-index:0;
   background:#E7E3D8;
   border:0 px #E7E3D8 solid;
   border-bottom-width:1px;
   /*background-image:url(../pics/bg_left_dummy.jpg);*/
   background-repeat:no-repeat;
   overflow:hidden;
}


#left_box_inner li{ 
   position:absolute;
   top:0px
}

.left_box_inner_detail{
   border:0px #cdcd37 solid;
   border-bottom-width:1px!important;
   border-top-width:1px!important;
   background-color:#fff!important;
   background-image:url(../pics/banner_bg.gif)!important;
   background-repeat:repeat-y!important;
}

.left_box_inner_detail img{
   display:block;
   border-bottom:5px #fff solid
}

#quadsRed{
   position:absolute;
   top:113px;
   left:83px;
   z-index:1;
   border:0px blue solid;
}

#quadsGreen{
   position:absolute;
   top:213px;
   left:83px;
   z-index:1;
   border:0px blue solid;
}

#quadsRed li, #quadsGreen li{
   position:relative;
   top:-100px;
   left:56px;
   background-color:#dd504d;
   width:43px;
   height:100px;
}

#quadsGreen li{
   background-color:#4FAD65!important;
}

#quadsGreen .transparent, #quadsRed .transparent{
   position:relative;
   top:0px;
   left:0px;
   width:57px!important;
   border:0px red solid;
}

#quadsGreen .transparent{
   filter:alpha(opacity=65);
   opacity: 0.65;
   -moz-opacity:0.65;
}

#quadsRed .transparent{
   filter:alpha(opacity=72);
   opacity: 0.72;
   -moz-opacity:0.72;
}

/*************
LEFT SIDE END
***************/


/*************************************************************
SEARCH FIELDS
***************/

.search_field_left{
   text-align:left; 
   border:0px red solid;
   margin-left:210px;  
   margin-right:165px;   
}

.search_field_left img{
   float:right;
   margin-right:19px
}

.search_field_right{
   float:right;  
   text-align:left; 
   border:0px red solid;
   margin-right:0px;   
}

#search_wrapper{
   width:100%;
   max-width:970px;
   _width:965px;
   position:absolute;
   top:90px;
   left:0px;
   border:0px red solid;
}

.input_box{
   border:1px solid black;
}

.input_box li{
   background:white;
   float:left;
}

.input_box li.search_button{
   width:15px;
   cursor:pointer;
   background-image:url(../pics/input_button.gif);
   background-repeat:no-repeat;
   background-position:5px 1px;
   border: 0px solid black;
   border-left-width:1px;
}

.input_box input{
   width:13em;
   color:#B4A999;
   float:left;
}
.input_box_active input{
   width:13em;
   color:#000000;
   float:left;
}

.search_filter{
   font-size:0.9em;
   padding-top:4px;
   border:0px red solid;
   clear:both;
}

.search_filter img{
   margin-right:4px
}
/*************
SEARCH FIELDS END
***************/



/*************************************************************
MIDDLE CONTENT
***************/
.content_width{
   width:785px;
}
   
#content_wrapper {
   position:absolute;
   top:115px;
   left:185px;  /*abstand links*/
   border: 0px solid blue;
   padding:0;
   padding-left:25px;  /* abstand links v. content */
   display:block;
   height:80%;
   overflow:auto;
}

.content_box{
   position:relative;
   top:0px;
   left:0px;
   border:0px red solid;
   float:left;
   width:568px;
   padding:0px;
}

/*************
MIDDLE CONTENT END
***************/

/*************************************************************
RIGHT SIDE
***************/

#right_box{
   position:absolute;
   top:0px;
   left:605px; /*abstand links*/
   width:15.4em;
   border:0px solid #00ff00;
}

#right_box_inner{
   color: #000;
   margin-left:19px;
   margin-right:0px;
   border:0px red solid
}

#right_box_inner p{
   margin-top:0px!important;
   margin-bottom:30px!important;
   margin-right:10px!important;
   border:0px red solid
}

.right_bottom_box{
   color:#ff0000;
   margin-top:150px;
   font-size:0.8em;
   border:0px red solid
}

/********TOOLBOX RIGHT SIDE
****************************/

ul#tool_box{
   margin-left:14px;
   margin-top:24px;
   border:0px red solid;
}

#tool_box li{
   margin-bottom:4px
}


#tool_box li a{
   padding-left:24px!important;
   background-repeat:no-repeat;
   border:0px red solid;
   color:#cdcd37;
   font-size:0.9em;
   font-weight:normal;
   font-style:italic 
}

#tool_box li a:hover{
   color: #c80000;
}

#tool_box li.pdf_data a{
   background-image:url(../pics/tool_pdf.gif)!important;
}

#tool_box li.pdf_data a:hover{
   background-image:url(../pics/tool_pdf_a.gif)!important;
}
#tool_box li.print_data a{
   background-image:url(../pics/tool_print.gif)!important;
}

#tool_box li.print_data a:hover{
   background-image:url(../pics/tool_print_a.gif)!important;
}

#tool_box li.collect_data a{
   background-image:url(../pics/tool_collect.gif)!important;
}

#tool_box li.collect_data a:hover{
   background-image:url(../pics/tool_collect_a.gif)!important;
}

#tool_box li.send_data a{
   background-image:url(../pics/tool_send_data.gif)!important;
}

#tool_box li.send_data a:hover{
   background-image:url(../pics/tool_send_data_a.gif)!important;
}

#tool_box li.edit_data a{
   background-image:url(../pics/tool_edit_data.gif)!important;
}

#tool_box li.edit_data a:hover{
   background-image:url(../pics/tool_edit_data_a.gif)!important;
}

#tool_box li.entry_data a{
   background-image:url(../pics/tool_entry.gif)!important;
}

#tool_box li.entry_data a:hover{
   background-image:url(../pics/tool_entry_a.gif)!important;
}

#tool_box li.edit_data, #tool_box li.entry_data{
   margin-top:14px
}



/*************
RIGHT SIDE END
***************/

