/*
 Grey: #5E5B61
 Yellow: #FBE506
*/

* {
}

body {
    color: black;
    font-family: Georgia;
}

a {
    text-decoration: none;
    color: #5E5B61;
    text-decoration: underline;
}

img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3 {
    font-family: Georgia;
    font-weight: normal;
    color: #5E5B61;
}

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

hr {
    border: 0px;
    height: 1px;
    background-color: #5E5B61;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

a:hover {
    background-color: #FBE506;
    color: black;
}

body {
    background-color: #5E5B61;
    background-image: url(../images/newsite/bg/tile10.jpg); /* default background */
}

#bodyContainer {
    width: 896px;
    margin: 0px auto;
    padding: 24px 0px;
}

    #bodyContainer #headerContainer {
    }

    #bodyContainer #headerContainer #logo {
        float: left;
    }
    
    #bodyContainer #headerContainer #banner {
        width: 100%;
        height: 60px;
        float: right;
        background-color: white;
    }
    
    #bodyContainer #headerContainer #ticker {
        width: 774px;
        float: right;
    }
    
    #bodyContainer #headerContainer #ticker .content {
        background-image: url(../images/newsite/ticker_bg.png);
        float: left;
        width: 740px;
        padding: 5px 0px 0px 0px;
        color: #5E5B61;
        height: 35px;
    }
    
    #bodyContainer #headerContainer #ticker .content div {
        height: 24px;
    }
    
    #bodyContainer #headerContainer #ticker .content div ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }
    #bodyContainer #headerContainer #ticker .content div ul li {
        color: #5E5B61;
        height: 24px;
        margin: 0px;
        padding: 0px;
        font-size: 14px;
    }
    
    
    #bodyContainer #headerContainer #ticker .content ul li.active {
    }
    #bodyContainer #headerContainer #ticker .left {
        background-image: url(../images/newsite/ticker_left.png);
        width: 17px;
        height: 42px;
        float: left;
    }
    
    #bodyContainer #headerContainer #ticker .right {
        background-image: url(../images/newsite/ticker_right.png);
        width: 17px;
        height: 42px;
        float: right;
    }
    
    #bodyContainer #menuContainer {
        margin-top: 50px;
    }
    
        #bodyContainer #menuContainer #menu {
            width: 100%;
        }
        
            #bodyContainer #menuContainer #menu ul.mainmenu {
                list-style-type: none;
                padding: 0px;
                margin: 18px 0px 0px 0px;
            }
                #bodyContainer #menuContainer #menu ul.mainmenu li {
                    display: inline;
                    background-color: #FFFFFF;
                    padding: 3px;
                    color: #5E5B61 !important;
                    margin-right: 6px;
                    cursor: hand;
                }
                
                #bodyContainer #menuContainer #menu ul.mainmenu li.active {
                    background-color: #FBE506;
                }
                
                #bodyContainer #menuContainer #menu a, ul.submenu li a {
                    text-decoration: none;
                    height: 50px;
                }
                
                #bodyContainer #menuContainer #menu ul.mainmenu li:hover {
                    background-color: #FBE506;
                }
                
                #bodyContainer #menuContainer #menu ul.mainmenu li ul.submenu {
                    display: none;
                }
                
                #submenu {
                    clear: both;
                    height: 30px;
                }
            
                #submenu ul.submenu {
                    background-image: url(../images/newsite/submenu_bg.jpg);
                    background-repeat: no-repeat;
                    padding-left: 12px;
                    list-style-type: none;
                    margin: 8px 0px 0px 0px;
                }
                
                #submenu ul.submenu li {
                    background-color: #FFFFFF;
                    display: inline;
                    padding: 3px;
                    cursor: hand;
                    margin: 3px;
                    z-index: 1;
                    position: relative;
                }
                
                #submenu ul.submenu li a {
                    color: #5E5B61 !important;
                }
                
                #submenu ul.submenu li:hover {
                    background-color: #FBE506;
                }
                
                #bodyContainer #menuContainer #menu ul.mainmenu li ul.submenu li.active {
                    background-color: #FBE506;
                }
                
                #bodyContainer #menuContainer #menu ul.mainmenu li ul.submenu li:hover {
                    background-color: #FBE506;
                }
                
                
                
        #bodyContainer #menuContainer #searchForm {
            float: right;
            margin: 1px 0px;
        }
        
            #bodyContainer #menuContainer #searchForm #languagePicker {
                text-align: right;
                color: #000000;
                font-size: 10px;
                padding: 3px;
            }
            
            #bodyContainer #menuContainer #searchForm form {
            background-color: #FFFFFF;
                padding: 3px;
                margin: 0px;
            }
                #bodyContainer #menuContainer #searchForm form input[type="text"] {
                    border: 1px solid #5E5B61;
                    width: 250px;
                }
                
                #bodyContainer #menuContainer #searchForm form input[type="submit"] {
                    border: 0px;
                    background-color: #FFFFFF;
                }
                
    #bodyContainer #contentContainer {
        clear: both;
    }
    
    #bodyContainer #contentContainer #mainContent {
        width: 671px;
    }
    
    #bodyContainer #contentContainer #mainContent table.article {
        position: relative;
        bottom: 20px;
        z-index: 0;
    }
        #bodyContainer #contentContainer #mainContent table.article td.headline {
            background-image: url(../images/newsite/content/top.png);
            background-repeat: no-repeat;
            background-position: bottom left;
            padding: 0px;
        }
    
        #bodyContainer #contentContainer #mainContent table.article td.headline table.headlinetable {
            position: relative;
            top: 20px;
            left: 10px;
			height: 43px;
        }
            
            #bodyContainer #contentContainer #mainContent table.article table.headlinetable td.main {
               
                font-size: 20px;
                padding-bottom: 7px;
                font-variant: small-caps;
                color: #5E5B61;
                background-image: url(../images/newsite/headline_bg2.png);
				background-repeat: repeat-x; 
				overflow:hidden;
            }
            
            table.headlinetable td.left {
                background-image: url(../images/newsite/headline_left.png);
                width: 13px;
                height: 43px;
				background-repeat: no-repeat;
            }
            
            table.headlinetable td.right {
                background-image: url(../images/newsite/headline_right.png);
                width: 17px;
                height: 43px;
				background-repeat: no-repeat;
            }
    
        #bodyContainer #contentContainer #mainContent table.article td.articleContent {
            font-family: Verdana;
            line-height: 18px;
            width: 629px;
            font-size: 12px;
            padding: 10px 22px 10px 16px;
            background-image: url(../images/newsite/content/content_bg.png);
        }
    
    
        #bodyContainer #contentContainer #mainContent table.article td.bottom {
            background-image: url(../images/newsite/content/bottom.png);
            height: 18px;
        }
    
    #bodyContainer #contentContainer #leftContainer {
        width: 215px;
        float: right;
    }
    
    #bodyContainer #Footer {
        clear: both;
        font-size: 12px;
        font-style: italic;
        color: white;
        text-align: center;
    }
    
    #Frontpage {
        font-size: 12px;
        font-family: Verdana;
        line-height: 18px;
    }
    
    #Frontpage #news1 {
        float: left;
        overflow: hidden;
        width: 450px;
    }
    
    #Frontpage #news1 table, #Frontpage #news2 table, #Frontpage #news3 table, #Frontpage #news4 table {
        position: relative;
        top: -55px;
		margin-bottom:-50px;
    }
    #Frontpage #news1 td.middlecenter {
        width: 250px;
        height: 100px;
		padding:5px;
    }
    
    #Frontpage #news1 td.topcenter {
        width: 310px;
    }
    
    
    #Frontpage #news2 {
        position: relative;
        float: left;
    }
    #Frontpage #news2 td.topcenter {
        overflow: hidden;
        width: 300px;
    }
    #Frontpage #news2 td.middlecenter {
        width: 310px;
        height: 150px;
    }
    
    #Frontpage #news3 {
        position: relative;
        width: 326px;
        float: right;
    }
    #Frontpage #news3 td.topcenter {
        width: 100px;
        overflow: hidden;
    }
    #Frontpage #news3 td.middlecenter {
        width: 317px;
        height: 150px;
    }
    
    #mediaPlayer {
        margin-bottom: 20px;
    }
    
    .sidebox {
        width: 220px;
        margin-bottom: 10px;
    }
    
    .sidebox .content {
        background-image: url(../images/newsite/sidebox_bg.gif);
        padding: 0px 10px 0px 5px;
        font-size: 12px;
        font-family: Verdana;
    }
    
    .sidebox .top {
        background-image: url(../images/newsite/sidebox_top.gif);
        width: 215px;
        height: 5px;
    }
    .sidebox .bottom {
      
        background-image: url(../images/newsite/sidebox_bottom.gif);
        width: 220px;
        height: 10px;
    }
    
    #vandaagoptv .top {
        background-image: url(../images/newsite/vandaagoptv.gif);
        width: 215px;
        height: 25px;
    }
    
    #vandaagoptv .content {
        font-size: 11px;
        padding-top: 5px;
    }
    
    div.boxheader {
        background-image: url(../images/newsite/headline_bg.png);
        width: 268px;
        height: 43px;
        font-size: 20px;
        overflow: hidden;
        z-index: 1;
        position: relative;
        margin-left: 10px;
    }
    
    div.boxheader div {
        width: 250px;
        height: 25px;
        padding-top: 5px;
        padding-left: 10px;
        overflow: hidden;
        font-family: Georgia;
        font-size: 20px;
        line-height: 26px !important;
        color: #5E5B61;
    }
    
    .contentbox td.topleft {
        background-image: url(../images/newsite/contentbox/topleft.png);
        width: 11px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    
    .contentbox td.topcenter {
        background-image: url(../images/newsite/contentbox/topcenter.png);
        background-repeat: repeat-x;
        background-position: bottom;
        overflow: hidden;
        height: 42px;
    }
    
    .contentbox td.topcenter h1 {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
        font-weight: normal;
        color: #626262;
        padding: 3px 0px 10px 0px;
        background-image: url(../images/newsite/headline_bg.png);
        background-position: bottom left;
        background-repeat: repeat-x;
        line-height: 26px !important;
        height: 25px;
        overflow: hidden;
        position: relative;
        top: 10px;
        
    }
    .contentbox td.topright {
        background-image: url(../images/newsite/contentbox/topright.png);
        width: 11px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    
    .contentbox td.middleleft {
        background-image: url(../images/newsite/contentbox/middleleft.png);
        width: 11px;
    }
    
    .contentbox td.middlecenter {
        background-color: #FFFFFF;
    }
    
    .contentbox td.middlecenter .articleLink {
        text-align: left;
        text-decoration: none;
    }
    
    .contentbox td.middleright {
        background-image: url(../images/newsite/contentbox/middleright.png);
        width: 16px;
    }
    
    .contentbox td.bottomleft {
        background-image: url(../images/newsite/contentbox/bottomleft.png);
        width: 11px;
        height: 16px;
    }
    
    .contentbox td.bottomcenter {
        background-image: url(../images/newsite/contentbox/bottomcenter.png);
        width: 16px;
        height: 16px;
    }
    
    .contentbox td.bottomright {
        background-image: url(../images/newsite/contentbox/bottomright.png);
        height: 11px;
    }
    
    
    /* content box with image */
    .contentbox2 {
       border:0px; 
    }
    
    .contentbox2 td.topleft {
        background-image: url(../images/newsite/contentbox/topleft.png);
        width: 11px;
        height: 14px;
        background-repeat: no-repeat;
        background-position: bottom right;
    }
    
    .contentbox2 td.topcenter {
        background-image: url(../images/newsite/contentbox/topcenter.png);
        background-repeat: repeat-x;
        background-position: bottom;
        overflow: hidden;
        height: 42px;
        width: 100px;
    }
    
    .contentbox2 td.topcenter h1 {
        margin: 0px;
        padding: 0px;
        font-size: 20px;
        font-weight: normal;
        color: #626262;
        padding: 0px 0px 10px 0px;
        background-image: url(../images/newsite/headline_bg.png);
        background-repeat: repeat-x;
        background-position: top left;
        line-height: 43px;
        vertical-align: top;
        height: 43px;
        overflow: hidden;
        width: 100%;
    }
    
    .contentbox2 td.topright {
        background-image: url(../images/newsite/contentbox/imagetop.png);
        height: 14px;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    
    .contentbox2 td.middleleft {
        background-image: url(../images/newsite/contentbox/middleleft.png);
        width: 11px;
        background-position: top right;
        background-repeat: repeat-y;
    }
    
    .contentbox2 td.middlecenter {
        background-color: #FFFFFF;
    }
    
    
    .contentbox2 td.middlecenter h1 {
        background-image: url(../images/newsite/headline_bg.png);
        background-repeat: repeat-x;
        font-weight: normal;
        line-height: 36px;
        height: 43px;
        padding: 0px 5px;
        margin: 0px 10px 0px 0px;
        color: #626262;
        font-size: 20px;
        position: relative;
        top: -10px;
        overflow: hidden;
        display: marker;
        
    }
    .contentbox2 td.middleright {
        background-image: url(../images/newsite/contentbox/middleright.png);
        width: 11px;
        background-repeat: repeat-y;
		height: 100px;
		padding:0px;
    }
    
    .contentbox2 td.middleright div {
        background-image: url(../images/newsite/contentbox/image2.png);
        width: 100px;
        height: 150px;
        margin-left: 5px;
        padding: 0px 27px 0px 0px;
    }
    
    .contentbox2 td.bottomleft {
        background-image: url(../images/newsite/contentbox/bottomleft.png);
        width: 11px;
        height: 16px;
        background-position: top right;
        background-repeat: repeat-y;
    }
    
    .contentbox2 td.bottomcenter {
        background-image: url(../images/newsite/contentbox/bottomcenter.png);
        width: 16px;
        height: 16px;
    }
    
    .contentbox2 td.bottomright {
        background-image: url(../images/newsite/contentbox/bottomright.png);
        height: 11px;
        background-repeat: no-repeat;
    }
    
    td.tijd {
        color: #5E5B61;
    }
    
    td.prognaam {
        font-weight: bold;
        font-size: 14px;
        font-family: Georgia;
    }
    
    td.progurl {
        color: #5E5B61;
    }
    
    td.progomsch {
        border-bottom: 1px solid #dadada;
    }
    
    #programmaSelect {
        background-color: #FBE506;
        padding: 3px;
    }
    
    #programmaSelect span {
        background-color: #FFFFFF;
    }
    
    
    
    div.tabs ul.tabButtons {
        margin: 0px 0px 4px 0px;
        padding: 0px;
    }
    
    div.tabs ul.tabButtons li {
        display: inline;
        border-bottom: 0px;
        padding: 5px 0px 3px 0px;
        font-family: Georgia;
        background-color: #DADADA;
        border: 1px solid #DADADA;
        border-bottom: 1px solid #DADADA;
        margin: 0px;
    }
    
    div.tabs ul.tabButtons li a {
        padding: 5px;
        margin: 0px;
    }
    
    div.tabs ul.tabButtons li.active {
        border: 1px solid #5E5B61;
        border-bottom: 0px;
        background-color: #FFFFFF;
        padding: 5px 0px 5px 0px;
    }
    
    div.tabs ul.tabButtons li:hover {
        border: 1px solid #5E5B61;
        background-color: #dadada;
        padding: 5px 0px 5px 0px;
        border-bottom: 0px;
    }
    
    div.tabs div.tabContents {
        border: 1px solid #5E5B61;
        display: none;
        background-color: #FFFFFF;
    }
    
    div.tabs div.active {
        display: block;
    }
    
    .zenderLijst .content div {
        clear: both;
        width: 205px;
    }
    
    .zenderLijst .content div:hover {
        background-color: #FBE708;
    }
    
    .zenderLijst .content div div.title {
        font-size: 14px;
        display: block; padding: 0px; background-image: none;
        font-family: Verdana;
    }
    
    
    .zenderLijst .content div div.title:hover>div.info {
        display: block;
        position: absolute;
    }
    
    .zenderLijst .content div div.title span {
        float: left;
    }
    
    .zenderLijst .content div div.title span.buttons {
        padding-top: 2px;
        float: right;
    }
    
    .zenderLijst .content div div.title span a:hover {
        background-color: transparent;
    }
    
    .zenderLijst .content div div.title {
    }
    
    .zenderLijst .content div div.info {
        margin-top: -10px;
        margin-left: -220px;
        width: 211px;
        background-image: url(/images/newsite/programmaLijstHover.gif);
        background-repeat: no-repeat;
        background-position: top right;
        padding-right: 8px;
        display: none;
        z-index: 2;
    }
    
    .zenderLijst .content div div.info p {
        margin: 0px;
        padding: 3px;
        font-size:11px;
        background-color: #FFFFFF;
        border: 1px solid #aaaaaa;
        border-right: 0px;
        background-repeat: no-repeat;
    }