/*
** project:		Distribution
** date:		2008/11/27
*/

html { 
    height: 100%; 
    margin: 0; 
    font-size: 100.01%; 

}
body { 
    position:relative;
    top:0;
    left:0;
    
    height:100%;
    width:100%;

    margin: 0; 
    padding: 0; 
    background-color: #E5E3E4; 
    background-image:url('images/template0/background_body.jpg');
    background-repeat:repeat-x; 
     
    font: 10pt "Verdana", "Arial", sans-serif;
    color:#2A2929;
}

table,
textarea, 
input, 
select, 
option, 
optgroup, 
button { 
    font: 1em "Verdana", "Arial", sans-serif; 
}


form { 
    margin: 0; 
    padding: 0; 
}


img { 
    border:0;
}



button { 
    overflow: visible; 
    cursor: pointer; 
}

.clear {
    margin:0;
    padding:0;
    clear:both;
}

/*
** some globally used classes
*/

a { 
    text-decoration: none; 
}

a:focus,
a:hover { 
    text-decoration: underline; 
}

#content a:link,
#content a:visited {
    text-decoration:none;
    color:#CF0100;
}

#content a:hover {
    text-decoration:underline;
    color:#CF0100;
}



#content p {
    margin:0;
    margin-bottom:1em;
	font-size:10pt;
}


#content h1 { 
    color:#535353; 
    font-size: 14pt; 
    font-weight:bold; 
    margin-top:0px; 
    margin-bottom:0.3em;
}

#content h2 { 
    color:#535353; 
    font-size: 14pt; 
    font-weight:normal; 
    margin-top:0px; 
    margin-bottom:0.3em;
}

#content h3 { 
    color:#535353; 
    font-size: 12pt; 
    font-weight:bold; 
    margin-top:0px; 
    margin-bottom:0.3em;
}

#content h4 { 
    color:#535353; 
    font-size: 12pt; 
    font-weight:normal; 
    margin-top:0px; 
    margin-bottom:0.3em;
}

#content h5 { 
    color:#535353; 
    font-size: 10pt; 
    font-weight:bold; 
    margin-top:0px; 
    margin-bottom:0.3em;
}


#content h6 { 
    color:#535353; 
    font-size: 8pt; 
    font-weight:bold; 
    margin-top:0px; 
    margin-bottom:0.3em;
}


#content table.table_colored {
    
    font-size:1em;

    border:0px;
    padding:0;
    margin:0;
    
    background-repeat:repeat;
    background-position:left 23px;
    background-color:#ECECEC;
    
}
    
    #content table.table_colored thead th,
    #content table.table_colored thead td {
    
        font-size:0.9em;
        font-weight:normal;
        text-align:center;
        
        line-height:22px;
        
        border-collapse:collapse;
        border-bottom:1px solid #BBBBBB;
        border-left:1px solid #BBBBBB;
        
        background-color:#ECECEC;
              
        padding:0px;
        padding-left:10px;
        padding-right:10px;
    }
    
    #content table.table_colored td {
    
        font-size:0.75em;
        text-align:center;
        
        line-height:14px;
        
        border-collapse:collapse;
        border-bottom:0;
        border-left:1px solid #BBBBBB;
        
        padding:0px;
        padding-left:10px;
        padding-right:10px;
    }
    
    #content table.table_colored td.table_dark_cell {
        background-color:#E2E2E2;
    }
    
    #content table.table_colored tfoot td {
        border-bottom:0;
    
    }


/*
**  Mainmenu
*/
#menu_top ul {
    position:absolute;
    top:0px;
    left:20px;

    margin:0;
    padding:0; 
    
    height:36px;
}
 
    
#menu_top li {
  
    text-align:center;      
    vertical-align:bottom;
  
    float:left;
    list-style:none;
    
    margin:0;
    padding:0;
    padding-right:20px; 
    

}

#menu_top li.first_element {
    padding-right:60px; 


}

    #menu_top li span {
        display:none;
    }

    #menu_top li a {
        font-size:1em;
        color:#FFFFFF;
        text-decoration:none;
        vertical-align:bottom;
        text-align:center;           
        
        height:36px;
       
        display:block;
               
        margin:0;
        padding:0;
        padding-left:15px;
        padding-right:15px;
        padding-top:14px;
        
        background-repeat:repeat-x;
    }
    
      
    #menu_top li a:link,
    #menu_top li a:visited {
    
        background-image:none;
        background-color:none;

    }
    
    #menu_top li a:hover,
    #menu_top li a:link.mainmenu_current,
    #menu_top li a:visited.mainmenu_current {
        color:#292728;
        background-color:#FFFFFF;
        background-image:url('images/template0/background_mainmenu_current.jpg');

    }    



#menu_left ul {
    position:relative;
    top:0;
    left:0;

    margin:0;
    padding:0; 
    
    width:239px;

}
 
    
#menu_left li {
    
    position:relative;
    left:0;
    top:0;
    
    text-align:left;      
    vertical-align:middle;
    list-style:none;
  
    min-height:21px;
    width:239px;
    
    display:block;
    overflow:hidden;
    
    background-image:url('images/template0/background_submenu.jpg');
    background-repeat:repeat-x;    
    
    border-top:1px solid #BFBFBF;
    
    margin:0;
    padding:0;
    

}

    #menu_left li li {
        background-image:none;
        border:0;
    }

    #menu_left li span {
        display:none;
        
        font-size:0.9em;
        position:absolute;
        left:2px;
        top:0px;
        
        
    }

    #menu_left li.sub1menu_current.ul_container_element span.open,
    #menu_left li.sub1menu.ul_container_element span.closed  {
        display:block;
        float:left;
    }

    #menu_left li.sub1menu_current.ul_container_element span.open {
        left:3px;
    }


    #menu_left .oe2edit_accordion_menu_current span.closed {
        visibility:hidden;  
    }        
       

    #menu_left .oe2edit_accordion_menu_current span.open {
        display:inline;
        left:3px;        
    } 
    

    #menu_left li a {
        font-size:1em;
        color:#2A2929;
        
        text-decoration:none;
        vertical-align:middle;
        text-align:left;           
        
        height:21px;
        line-height:21px;
       
        display:block;
               
        margin:0;
        margin-left:25px;
        
        padding:0;

    }
    
        #menu_left li li a {
            margin-left:35px;
        }
    
      
    #menu_left li a:link,
    #menu_left li a:visited {

        text-decoration:none;

    }
    
    #menu_left li a:hover,
    #menu_left li a:link.sub1menu_current,
    #menu_left li a:visited.sub1menu_current,
    #menu_left li a:link.sub2menu_current,
    #menu_left li a:visited.sub2menu_current     {
        text-decoration:underline;

    }    



/*
**  Basic Design
*/



#main_div {

    margin-left:10px;
    float:left;
}


    #main_div #header {
        position:relative;
        left:0;
        top:0;
        
        height:152px;
        width:1000px;
        
        overflow:hidden;
        float:left;
    
    }
    
    
        #main_div #header h1{
            
            position:absolute;
            left:0;
            top:10px;
            
            height:83px;
            width:196px;
            
            overflow:hidden;
    
            text-indent:-100000px;
            background-image:url('images/template0/logo.jpg');
            background-repeat:no-repeat;
        
        }    
            
        #main_div #header #address{
            position:relative;
            top:40px;
            left:-10px;
            
            float:right;
            font-size:0.8em;
            text-align:right;
            
            margin:0;
            padding:0;
        }        
        
            #main_div #header #address p{
                margin:0;
                line-height:1.2em;
            
            }
            
            #main_div #header #address strong{
                font-size:1.1em;
                font-weight:bold;
                
                margin:0;
                margin-bottom:3px;
                
                display:block;
            
            } 
            
            #main_div #header #address span{
                
                padding:0;
                margin:0;
              
                display:block;
                float:left;
                
                width:20px;
                text-align:left;
            
            }                                         

        #main_div #header #menu_top {   
            position:absolute;
            left:0;
            bottom:0px;
                    
            height:36px;
            width:1000px;
            
            overflow:hidden;
                 
            background-color:#000000;
            background-repeat:no-repeat;            
        }
        
        #main_div #header #menu_top input.search_field {   
            position:absolute;
            right:85px;
            bottom:4px;
                    
            height:18px;
            line-height:20px;
           
            width:165px;
            
            border:0;
            background-color:transparent;
            
            font-size:1em;
            text-align:center;
                        
        }        

        #main_div #header #menu_top input.button{   
            position:absolute;
            right:25px;
            bottom:0px;
                    
            height:36px;
            width:40px;
            
            border:0;
            
            cursor:pointer;
            
            background-color:transparent;
        }   

    

    #main_div #main_div_2 {
        position:relative;
        top:0;
        left:0px;
        
        width:1000px;
        min-height:700px;
        
        float:left;
        
        background-image:url('images/template0/background_content_main.png');
        background-repeat:repeat-y;
   }
   
        #main_div #main_div_2 #head_background {
            position:absolute;
            top:-5px;
            left:0;
            
            width:1000px;
            height:350px;
            
            overflow:hidden;
            
            background-image:url('images/template0/background_content_top.png');
            background-repeat:no-repeat;
       
        }   
        
            #main_div #main_div_2 #head_background #fading_header{
                position:absolute;
                top:3px;
                right:10px;
                
                width:270px;
                height:12px;
                
                text-align:right;
                font-size:0.8em;
                
                margin:0;
                padding:0;
                padding-right:5px;
              
            }          
        
        #main_div #main_div_2 #bottom_background {
            position:absolute;
            bottom:-20px;
            left:0;
            
            width:1000px;
            height:350px;
            
            overflow:hidden;
            
            background-image:url('images/template0/background_content_bottom.png');
            background-repeat:no-repeat;
       
        }       
        
        
        
        
        #main_div #main_div_2 #content_main  {
            position:relative;
            top:-2px;
            left:0;
            
            width:1000px;
            
            float:left;
            padding:0;
            margin:0;
            margin-top:12px;
          
            z-index:500;
			
        }
        
        
        
            #main_div #main_div_2 #content_main #content {
                position:relative;
                top:0;
                left:0;                
                
                float:left;
                
                width:710px;
                
                padding:0;
                padding-bottom:70px;
                
                margin:0;
                margin-left:20px;
                margin-right:20px;
                margin-top:5px;
				
				font-size:1em;
              
            }
        
            #main_div #main_div_2 #content_main #left_side {        
                position:relative;
                top:-12px;
                left:0;                
                
                float:left;
                
                width:240px;
               
                padding:0;
                margin:0;
				

            }  
            
                #main_div #main_div_2 #content_main #left_side #dynamic_content {
                    position:relative;
                    top:0;
                    left:0;                
                    
                    text-align:center;
                    vertical-align:middle;
                    
                    float:left;
                    
                    width:236px;
                    min-height:300px;
                    
                    padding:0;
                    margin:0;
                    margin-top:20px;
                    margin-left:6px;
                    
                    border:1px solid #E5E3E3;                
                
                }
                
                    #main_div #main_div_2 #content_main #left_side #dynamic_content img, 
                    #main_div #main_div_2 #content_main #left_side #dynamic_content object{
                        padding:0;
                        margin:10px;
                        
               
                    }                
        
        
                #main_div #main_div_2 #content_main #left_side #menu_left{        
                    position:relative;
                    top:0;
                    left:0;                
                    
                    float:left;
                    
                    width:239px;
                    min-height:200px;
                    
                    padding:0;
                    padding-top:40px;
                    padding-bottom:40px;
                    
                    margin:0;
                    margin-left:4px;
                    
                    border-right:1px solid #E5E3E3;
                }  
            
            
                    #main_div #main_div_2 #content_main #left_side #menu_left #line_fade_out{        
                        
                        position:absolute;
                        bottom:-5px;
                        right:-10px;
                        
                        float:left;
                        
                        width:20px;
                        height:40px;
                        
                        padding:0;
                        margin:0;
                        
                        background-image:url('images/template0/submenu_line_fadeout.png');
                        background-repeat:no-repeat;
                        
                    }              
            
#footer {
    position:relative;
    left:0;
    top:0;
    
    height:27px;
    line-height:27px;
    width:100%;
    
    float:left;
    
    font-size:1em;
    color:#606060;
    
    padding:0;
    margin:0;
    margin-top:15px;

    background-color:#2A2929;
}

    #footer #copy {
        position:absolute;
        left:20px;
        top:0;
        
    }

    #footer #site_by {
        position:absolute;
        left:600px;
        top:0;
        
        text-align:right;
 
        width:400px;       
    }


    #footer ul {
        position:absolute;
        left:280px;
        top:0;
        
        padding:0;
        margin:0;
        
    }
    
    #footer li {
       
        padding:0;
        margin:0;
        margin-right:30px;
        
        float:left;
        list-style:none;
        

    }
   
    #footer li a,
        #footer li a:link,
        #footer li a:visited {
      
            color:#A0A0A0;
            text-decoration:none;
            
        }    
        
        #footer li a:hover {
      
            color:#A0A0A0;
            text-decoration:underline;
            
        }       
    

    #footer #ov_logo { 
        position:absolute;
    
        top:-76px;
        right:0px;
        
        width:179px;
        height:66px;
        
        background-image:url('images/template0/ov_logo.png');
        background-repeat:no-repeat;
     }
     
        #footer #ov_logo a{ 
            position:absolute;
        
            top:0px;
            right:0px;
            
            width:179px;
            height:66px;
            
            text-indent:-100000px;
           
         } 
         
         
/*
** Such-Templates
*/

#content div.oe_search_result_item {

    display:block;
    
    padding:0;
    margin:0;
    margin-top:10px;
    margin-bottom:15px;
    
}

    #content div.oe_search_result_item div.oe_search_headline {
    
        display:block;
        margin:0;
        margin-bottom:5px;
        padding:0;
        
    }
            
            
/*
** Formulare
*/                  

#content div.form {
    width:30em;
    float:left;
}


    #content div.form div {
        display:block;
        line-height:1.5em;
        
        margin:0;
        margin-bottom:0.5em;
        
        padding:0;
    }
    
    
    #content div.form div.footer {
        margin-top:2em;
    }    
    
        #content div.form div label {
            width:10em;
            display:block;
            float:left;
        }

        #content div.form div label.info {
            color:#868686;
            font-size:0.8em;
            width:12.5em;
        }            
    
        #content div.form div textarea {
            width:17em;
            height:10em;
            line-height:1.3em;
                    
            border:1px solid #BBBBBB;
        }        
        
        #content div.form div input {
            width:17em;
            height:1.3em;
            line-height:1.3em;
                    
            border:1px solid  #BBBBBB;
        }
        
   


      #content div.form div input.submit {
            background-color:#FFFFFF;
            border:1px solid  #BBBBBB;
            
            color:#535353;
            
            width:8em;
            height:1.6em;
            
            margin:0;
            margin-right: 0.8em;
            padding:0;
        
        }  
        
        
        #content div.form div input:hover,
        #content div.form div input.submit:hover,
        #content div.form div textarea:hover  {
            border:1px solid #535353; 
        }           
     
        
        #content div.form div input.checkbox,
        #content div.form div input.checkbox:hover {    
            width:13px;
            height:13px;
            border:0;
            
            margin-right:0.5em;
        }
            
            
/*
** Sprachschalter
*/                    
                  
#content div#language_switch {
    position:absolute;
    right:-15px;
    top:5px;
    
    font-size:0.8em;
    color:#000000;
}  

#content div#language_switch a,
#content div#language_switch a:link
#content div#language_switch a:visited
#content div#language_switch a:hover {
    color:#000000;
}

#content div#language_switch a.german_de,
#content div#language_switch a.english_en {
    color:#BFBFBF;

}