/*------------------------------------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------------------------------------*/

html, body {
    padding: 0;
    margin: 0;
}

p, a, a.backlink, a.pink, span.headline, span.cp, span.dato{
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 11px;
    font-family: Verdana, Arial, Trebuchet MS, Sans-Serif;
    text-decoration: none;
}

span.headline{
  color: #FFFFFF;
  font-size: 16px;
  padding: 2px;
  background-color: #000000;
}

span.pink{
    color: #cf145b;
}

a.pink{
    color: #cf145b;
}

a:hover, a.pink:hover{    
    color: #c9d02c;
}

div#wrapper{
    width: 830px;
    margin-left: auto;
    margin-right: auto;
}

/*------------------------------------------------------------------------------------
HEADER ELEMENTS
------------------------------------------------------------------------------------*/

div#header{
    position: relative;
    top: 0px;
    left: 0px;
    width: 830px;
    height: 140px;
    border: solid 0 #FF0000;
}

    div#menu{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 830px;
        height: 57px;
        border: solid 0 #FF0000;
    }
    
        div#menu ul{
            margin: 0;
            padding: 0;
            float: left;
            width: 100%; /*width of menu*/
            background: black url(../Gfx/menubg.jpg) center center repeat-x;
        }

            div#menu ul li{
                display: inline;
            }

                div#menu ul li a, div#menu ul li a:visited, div#menu ul li a.last{
                    float: left;
                    font-size: 12px;
                    padding: 20px 12px;
                    text-decoration: none;
                    border-right: 1px dotted #FFFFFF;
                }

                div#menu ul li a.last{
                    padding: 20px 15px;
                    border-right: 0 dotted #FFFFFF;
                }

                div#menu ul li a:hover, div#menu ul li .current{
                    color: #FFFFFF;
                    background: black url(../Gfx/menubg_hover.jpg) center center repeat-x;
                }
                
                div#menu ul li a.last_current{
                    padding: 20px 15px;
                    border-right: 0 dotted #FFFFFF;
                    color: #FFFFFF;
                    background: black url(../Gfx/menubg_hover.jpg) center center repeat-x;
                }
                
     div#om_submenu{
         position: absolute;
         top: 60px;
         left: 72px;
         width: 130px;
         height: 70px;
     }
     
     
     div#case_submenu{
         position: absolute;
         top: 60px;
         left: 200px;
         width: 130px;
         height: 70px;
     }
     
     div#proces_submenu{
         position: absolute;
         top: 60px;
         left: 338px;
         width: 130px;
         height: 70px;
     }
     
     div#fund_submenu{
         position: absolute;
         top: 60px;
         left: 405px;
         width: 130px;
         height: 70px;
     }
     
     div#koncept_submenu{
         position: absolute;
         top: 60px;
         left: 500px;
         width: 160px;
         height: 70px;
     }
     
     div#imp_submenu{
         position: absolute;
         top: 60px;
         left: 635px;
         width: 180px;
         height: 70px;
     }
     
        div#om_submenu ul,  div#case_submenu ul, div#fund_submenu ul, div#proces_submenu ul, div#imp_submenu ul, div#koncept_submenu ul{
                margin:0;
                padding: 0;
                list-style: none;
            }
            
             div#om_submenu ul li, div#case_submenu ul li, div#fund_submenu ul li, div#proces_submenu ul li, div#imp_submenu ul li, div#koncept_submenu ul li{
                margin-left: 10px;
            }
            
                div#om_submenu ul li a, div#case_submenu ul li a, div#fund_submenu ul li a, div#proces_submenu ul li a, div#imp_submenu ul li a, div#koncept_submenu ul li a{
                   color: #cf145b;
                }

                div#om_submenu ul li a:hover, div#case_submenu ul li a:hover, div#fund_submenu ul li a:hover, div#proces_submenu ul li a:hover, div#imp_submenu ul li a:hover, div#koncept_submenu ul li a:hover{
                    color: #a6bf41;
                }
                
                div#om_submenu ul li a.selected, div#case_submenu ul li a.selected, div#fund_submenu ul li a.selected, div#proces_submenu ul li a.selected, div#imp_submenu ul li a.selected, div#koncept_submenu ul li a.selected{
                    text-decoration: underline
                }
                
/*------------------------------------------------------------------------------------
CONTENT ELEMENTS
------------------------------------------------------------------------------------*/

div#content{
    position: relative;
    top: 0px;
    left: 0px;
    width: 830px;
    border: solid 0 #FF0000;
}
    
    div#left{
        float: left;
        width: 325px;
    }
    
        div#logo{
            width: 325px;
            height: 100px;
        }
        
        div#ftext{
            width: 325px;
            margin-bottom: 20px;
        }
        
            div#ftext ul{
                margin:0;
                padding: 0;
                list-style: none;
            }
            
             div#ftext ul li{
                margin-bottom: 5px;
             }
            
                div#ftext ul li a{
                   color: #000000;
                   display: inline-block;
                   padding: 3px 2px;
                   
                   background-color: #cbcb16;
                }

                div#ftext ul li a:hover{
                    color: #FFFFFF;
                    background-color: #cf145b;
                }
                
                div#ftext ul li a.selected{
                    text-decoration: underline
                }
        
        div#news{
            width: 325px;
            background-image: url("../Gfx/ext.jpg");
            background-repeat: no-repeat;
        }
        
            div#news a{
                text-decoration: underline
            }
            
            div#news a:hover{
                color: #cf145b;
                text-decoration: underline
            }
    
    div#right{
        float: right;
        width: 480px;
    }
    
        div#video{
            width: 480px;
            height: 383px;
            background-color: #000000;
        }
        
        div#media{
            width: 480px;
        }
        
        div.media_text{
            width: 480px;
            margin-top: 5px;
            padding-bottom: 10px;
            text-align: left
        }
        
        div#imgGallery{
            width: 480px;
            margin-top: 10px;
            text-align: left;
        }
        
            div#imgGallery div.thumbbox{
                float: left;
                width: 75px;
                height: 45px;
            }
            
            div#imgGallery div.thumbbox_last{
                float: left;
                width: 75px;
                height: 45px;
            }
            
        
        div#info{
            width: 480px;
            margin-top: 10px;
            margin-bottom: 20px
        }
        
            table.infotable{
                width: 100%;
            }
        
            td.info_td{
                padding: 10px 0 5px 0;
                vertical-align: top;
                background: #FFFFFF url(../Gfx/infotop.jpg) repeat-x;
            }
            
            td.info_sp{
                width: 10px;
            }
            
                div.info_text{   
                    width: 135px;
                    text-align: left
                }
            

/*------------------------------------------------------------------------------------
FOOTER ELEMENTS
------------------------------------------------------------------------------------*/

div#footer{
    position: relative;
    top: 5px;
    left: 0px;
    width: 830px;
    height: 20px;
    padding-top: 5px;
    text-align: right;
    border-width: 1px 0 0 0;
    border-color: #cccccc;
    border-style: dotted;
}