/* Begin default CSS */

* { 
    margin:0;
    padding:0;
}

html {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #000000;
    height: 100%;
}

img
{
    behavior: url(/site/musicdirector/images/homepage/iepngfix.htc); 
}

body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

img {
    border: 0px;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

a:focus
{
    outline: none;
}

h1 {}

h2 {
    font-size: 12px
}

h3 {}

ul {
    padding: 0px;
    margin: 0px;
}

li {
    padding: 0px;
    margin: 0px;
}

p {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.loginform .text {
    width: 200px;
}

.loginform select  {
    width: 205px;
}

.clear {
    height: 0px;
    overflow: hidden;
    clear: both;
    line-height: 0px;
}

.cmsError {
    border: 1px solid black;
    background-color: #D1E428;
}

input.readOnly {
    color: black;
    background-color: #D4D0C8;
}

div.cms-internal-error {
    color: #dd0000;
}

div {
    behavior: url(/resources/iepngfix.htc);
}

/* Einde default CSS */

/* Begin standaard bladeren */

.pager td {
    padding: 4px;
}

.pagerFirst, .pagerPrevious {
    text-align: left;
    width: 10%;
}

.pagerNext, .pagerLast {
    text-align: right;
    width: 10%;
}

.pagerSelection {
    text-align: center;
    width: 60%;
}

.pagerSelectionItem {
    text-align: center;
}

.pagerSelectionItemActive {
    text-align: center;
    font-weight: bold;
}

.pagerAbstract {
    font-weight: bold;
    text-align: center;
}

/* Einde standaard bladeren */

/* Start template */

div#Container {
    background-image: url(../../images/homepage/background_site.gif);
    background-position: center top;
    background-repeat:repeat-x;
    height:100%;
    max-height:100%;
    position:relative;
    width:100%;
    }
    
*html div#Container {
    background-image: url(../../images/homepage/background_siteIE.gif);
    background-position: center top;
    background-repeat:repeat-x;
    height:100%;
    max-height:100%;
    position:relative;
    width:100%;
    }
    
div#Site{
    height:100%;
    margin:0 auto;
    max-height:100%;
    position:relative;
    width:990px;
    }
    
    div#Gradient{
        height: 30px;
        background-image: url(../../images/homepage/background_gradient_blue.gif);
        background-position: top center;
        background-repeat: repeat-x; 
    }
    
    div#Header{
        height: 45px;
        background-image: url(../../images/homepage/background_header.gif);
        background-position: top;
        background-repeat: repeat-x;
    }
    
            div#Header .Logo{
                float: left;
                padding: 9px 50px 0px 0px;
            }
            
            div#Header .Payoff{
                padding: 17px 0px 0px 0px;
                float: left;
            }
    
    div#topMenu{
        height: 30px;
        background-image: url(../../images/homepage/background_topmenu.gif);
        
    }
    
        div#topMenu ul{
            height: 30px;
            display: block;
            float: left;
        }   
                
            div#topMenu ul li{
                float: left;
                list-style: none;
                font-size: 13px;
                font-weight: bold;
                padding-top: 13px;
                
            }
    
            
            div#topMenu ul li a{
                text-decoration: none;
                color: #b2b2b2;
                background-image: url(../../images/homepage/Line_topmenu.gif);
                background-position: right;
                background-repeat: no-repeat;
                padding: 0px 11px 0px 11px;
            }
                
                div#topMenu ul li a:hover, div#topMenu ul li a:active{
                    color: #0d5582;
            }
            
            div#topMenu ul li a.lastChild{
                color: #5f5f5f;
                background-image: url(../../images/homepage/Key_login.gif);
                background-position: 11px 3px;
                background-repeat: no-repeat;
                padding-left: 30px;
            }   
            
            div#topMenu ul li a.firstChild{
                padding-left: 0px;
            }   
            
    div#Language{
        padding-top: 14px;
        float: left;
        /*padding-left: 30px;*/
    }
    
            div#Language .Flag{
                float: left;
                padding-right: 10px;
            }

            
    div#contentTop{
        height: 305px;
    }
    
        div#flashPlayer{
            width: 410px;
            height: 305px;
            float: left;
            background-image: url(../../images/homepage/background_flashplayer.gif);
        }
        
                div#flashPlayer .Scherm{
                    margin: 70px 20px 0px 20px;
                }
        
        div#Action{
            width: 580px;
            height: 305px;
            float: left;
        }
        
            div#Action .Title{              
            }
            
            div#Table{
                background-image: url(../../images/homepage/background_table.jpg);
                background-repeat:no-repeat;
                width: 580px;
                height: 185px;
            }
            
                div#Table ul{
                    padding-left: 50px;
                }
                
                    div#Table ul li{
                        list-style: none;
                        color: #FFFFFF;
                        font-size: 14px;
                        font-weight: bold;
                        padding: 22px 0px 0px 0px; 
                        }
            
            div#Star{
                position: absolute;
                top: 15px;
                right: -20px;
                behavior: url(/site/musicdirector/images/homepage/iepngfix.htc); 
            }
            
            div#Registration{
                position: absolute;
                top: 352px;
                right: -08px;
            }

            form#registerForm input[type=text], form#registerForm input[type=password]
            {
                width: 220px;
            }
    
        div#contentBottomLeft{
            width: 495px;
            height: 315px;
            background-image: url(../../images/homepage/background_contentbottomleft.gif);
            float: left;
        }
        
                div#contentBottomLeft .Tekst{
                    padding: 45px 55px 0px 15px;
                    color: #606060;
                    line-height: 18px;
                    font-size: 12px;                    
            }
            
                div#contentBottomLeft .Tekst h1{
                    margin: 0px;
                    padding: 0px 0px 15px 0px;
                    color: #0d5582;
                    font-size: 15px;
                    font-weight: bold;          
            }
        
        div#contentBottomRight{
            width: 495px;
            height: 315px;
            background-image: url(../../images/homepage/background_contentbottomright.gif);
            float: left;
        }
        
            div#contentBottomRight .Tekst{
                    padding: 45px 15px 0px 30px;
                    color: #606060;
                    line-height: 18px;
                    font-size: 12px;
        }
            div#contentBottomRight .Tekst h1{
                    margin: 0px;
                    padding: 0px 0px 15px 0px;
                    color: #0d5582;
                    font-size: 15px;
                    font-weight: bold;
        }
    
            div#contentBottomRight .Labels{
                width: 320px;
                padding-top: 20px;
                color: #595959;
                font-weight: bold;
                float: left;
                padding-right: 20px;
        }
        
            div#contentBottomRight .Labels a{
                color: #0d5582;
                font-weight: normal;
                background-image: url(../../images/homepage/Arrow_link.gif);
                background-repeat: no-repeat;
                background-position: left bottom;
                padding-left: 25px;
                display: block;
                width: 90px;
                height: 20px;
                padding-top: 10px;
                text-decoration: none;
        }
        
            div#logoMusic{
                float: left;
                padding-top: 20px;
                text-align: center;
        }
        
            div#logoMusic p{
                    color: #0d5582;
                    font-weight: bold;
            }

/* Einde template */

/* Content template */

        #Content{
            width: 485px;
            margin:0 auto;
            color: #606060;
            font-size: 12px;
        }
        
            #Content a{
                color: #3b759a;
                font-size: 12px;
                font-weight: bold;
            }
        
            #Content .Title{
                padding-top: 50px;
                padding-bottom: 20px;
                padding-left: 10px;
            }
        
            #Content .contentTop{
                width: 485;
                height: 13px;
                background-image: url(../../images/homepage/content_top.gif);
                background-position: bottom;
                background-repeat: no-repeat;
            }
            
            #Content .contentRepeat{
                width: 485;
                background-image: url(../../images/homepage/content_repeat.gif);
                background-repeat: repeat-y;
                background-position: top;
            }
            
            #Content .contentMiddle{
                height: 100%;
                background-image: url(../../images/homepage/content_middle.gif);
                background-position: top;
                background-repeat: no-repeat;
                padding: 15px;
            }
            
            #Content .contentBottom{
                width: 485;
                height: 16px;
                background-image: url(../../images/homepage/content_bottom.gif);
                background-position: bottom;
            }

/* Einde Content template */


.suggest_link {
        background-color: #FFFFFF;
        padding: 2px 6px 2px 6px;
}
.suggest_link_over {
        background-color: #3366CC;
        color: #FFF;
        padding: 2px 6px 2px 6px;
}

#search_suggest {
        width: 280px;
        padding: 10px;
        position: absolute;
        background-color: #FFFFFF;
        text-align: left;
        border: 1px solid #000;
        visibility: hidden;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        z-index:101;
}

#search_suggest_address {
    font-weight: bold;
}

#search_suggest_list {
    border: 1px solid #000;
}

#search_suggest_overlay {
  visibility: hidden;
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
/*.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}*/
.search_suggest_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #search_suggest_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.disabled {
    color: #999;
    background: #CCC
}