﻿body 
{
    margin: 0;
    padding: 0;
    
    background: url('Images/Website/bg.gif') #4a72ad repeat-x;
    
    font-family: Verdana;
    font-size: 10pt;
    color: White;
}

img.Captcha
{
    display: block;
    float: left;
}


#header
{
    text-align: center;
}

h1
{
    font-size: 12pt;
    color: White;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

h2
{
    font-size: 10pt;
    color: White;
    border-bottom: 1px solid white;
    margin: 0;
    padding: 0;
    
    margin-top: 10px;
}

h3
{
    font-size: 10pt;
    color: White;
    margin: 0;
    padding: 0;
    
   
    
    margin-top: 10px;
}

p
{
    
}

a
{
    color: White;
}


#content
{
    width: 864px;
    margin: 0 auto;
    
    min-height: 500px;
}

* html #content
{
    height: 500px;
}

    /* Colums */
    
    div.parentcolumn
    {
        width: 210px;
        float: left;
    }
    
    div.column
    {
        float: left;
        width: 202px;
        
       
        
        margin-top: 10px;
    }
        
        div.column div.header
        {
            width: 202px;
            height: 26px;
            text-align: center;  
            
            padding-top: 13px; 
        }
        
        div.column h1
        {
            margin: 0;
        }
                
        div.column div.body
        {
            width: 180px;
            /*min-height: 250px;*/
            
            padding: 11px;
        }
        
        * html div.column div.body
        {
            /*height: 250px;*/
        }
            
            div.column div.body h2
            {
                margin: 0 0 5px 0;
            }
            
            div.column div.body input
            {
                width: 170px;
                display: block;
                margin: 0 auto;
                border: 1px solid black;
                padding: 2px;
                color: Gray;
            }
            
            #lblSearch
            {
                margin-top: 10px;
                
            }
            
            
       
        div.column div.footer
        {
            width: 202px;
            height: 15px;            
        }
    
        /* Green column */
        
        div.column_green div.header
        {            
            background: url("Images/Website/Columns/green_header.png") no-repeat;                   
        }
        
        * html div.column_green div.header
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/green_header.png',sizingMethod='scale');
        }
        
        div.column_green div.body
        {
            
            background: url("Images/Website/Columns/green_body.png") repeat-y;
        }
        
        * html div.column_green div.body
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/green_body.png',sizingMethod='scale');
        }
        
        div.column_green div.footer
        {
            
            background: url("Images/Website/Columns/green_footer.png") no-repeat;
        }
        
        * html div.column_green div.footer
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/green_footer.png',sizingMethod='scale');
        }
        
        
        /* Yellow column */
        
        div.column_yellow div.header
        {
            background: url("Images/Website/Columns/yellow_header.png") no-repeat;        
        }
        
        * html div.column_yellow div.header
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/yellow_header.png',sizingMethod='scale');
        }
        
        div.column_yellow div.body
        {
            background: url("Images/Website/Columns/yellow_body.png") repeat-y;
        }
        
        * html div.column_yellow div.body
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/yellow_body.png',sizingMethod='scale');
        }
        
        div.column_yellow div.footer
        {
            background: url("Images/Website/Columns/yellow_footer.png") no-repeat;
        }
        
        * html div.column_yellow div.footer
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/yellow_footer.png',sizingMethod='scale');
        }
        
        /* blue column */
        
        div.column_blue div.header
        {
            background: url("Images/Website/Columns/blue_header.png") no-repeat;         
        }
        
        * html div.column_blue div.header
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/blue_header.png',sizingMethod='scale');
        }
        
        div.column_blue div.body
        {
            background: url("Images/Website/Columns/blue_body.png") repeat-y;
        }
        
        * html div.column_blue div.body
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/blue_body.png',sizingMethod='scale');
        }
        
        div.column_blue div.footer
        {
            background: url("Images/Website/Columns/blue_footer.png") no-repeat;
        }
        
        * html div.column_blue div.footer
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/blue_footer.png',sizingMethod='scale');
        }
        
        
        
        /* orange column */
        
        div.column_orange div.header
        {
            background: url("Images/Website/Columns/orange_header.png") no-repeat;
        
        }
        
        * html div.column_orange div.header
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/orange_header.png',sizingMethod='scale');
        }
        
        div.column_orange div.body
        {
            background: url("Images/Website/Columns/orange_body.png") repeat-y;
        }
        
        * html div.column_orange div.body
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/orange_body.png',sizingMethod='scale');
        }
        
        div.column_orange div.footer
        {
            background: url("Images/Website/Columns/orange_footer.png") no-repeat;
        }
        
        * html div.column_orange div.footer
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/orange_footer.png',sizingMethod='scale');
        }
        
        
        /* purple column */
        
        div.column_purple div.header
        {
            background: url("Images/Website/Columns/purple_header.png") no-repeat;
        
        }
        
        * html div.column_purple div.header
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/purple_header.png',sizingMethod='scale');
        }
        
        div.column_purple div.body
        {
            background: url("Images/Website/Columns/purple_body.png") repeat-y;
        }
        
        * html div.column_purple div.body
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/purple_body.png',sizingMethod='scale');
        }
        
        div.column_purple div.footer
        {
            background: url("Images/Website/Columns/purple_footer.png") no-repeat;
        }
        
        * html div.column_purple div.footer
        {
            background: none;
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Columns/purple_footer.png',sizingMethod='scale');
        }
        
        
        
        
        /* games */
        
        div.column ul
        {
            margin: 0;
            padding: 0;
            list-style: none;
            
            color: Black;
        }
        
        div.column ul li a
        {
            color: Black;
            text-decoration: none;
        }
        
        div.column ul li a:hover
        {
            text-decoration: underline;
        }



#footer
{
    clear: both;
    padding: 20px 0px 20px 0px;
    text-align: center;

}

    p.footer
    {
        margin: 10px 0 0 0;
        padding: 0;
        font-size: 7pt;
        color: White;
    }
    
    p.footer a
    {
        color: White;
        text-decoration: none;
    }
    
    
    
    /* Game */
    
    #game_header
    {
        margin: 0 auto;
        margin-top: 25px;
        width: 778px;
        height: 29px;
        
        background: url('Images/Website/Game/game_header.png') no-repeat;
        
        text-align: center;
        
        padding-top: 12px;
    }
    
    * html #game_header
    {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Game/game_header.png',sizingMethod='none');
    }
    
    #game_header h1
    {
        margin: 0;
    }
           
       
    #game_body
    {
        margin: 0 auto;
        width: 778px;        
        background: url('Images/Website/Game/game_body.png') repeat-y;
        text-align: center;
        
        padding-top: 25px;      
        
        overflow: hidden;  
        
        color: Black;
    }
    
    * html #game_body
    {
        overflow: visible;
        
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Game/game_body.png',sizingMethod='scale');
    }
        
        #game_body h1
        {
            color: Black;
            margin-top: 10px;
        }
        
        #game_body h2
        {
            color: Black;
            border: none;
        }
    
        div.stars
        {
            cursor: pointer;
            
            margin: 0 auto;
            margin-top: 5px;
            
            
            width: 100px;
            height: 40px;
        }
        
        #game_body div.stars img
        {
            display: block;
            float: left;
            padding-left: 2px;
            padding-right: 2px;
            margin: 0;
        }
                
        
    #comments_header
    {
        clear: both;
        margin: 0 auto;
        width: 778px;
        height: 13px;
        
        background: url('Images/Website/Game/comments_header.png') repeat-y;
    }
    
    * html #comments_header
    {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Game/comments_header.png',sizingMethod='scale');
    }
    
    #comments_body
    {
        margin: 0 auto;
        width: 728px;
        
        background: url('Images/Website/Game/comments_body.png') repeat-y;
        
        padding: 0px 25px 0px 25px;
        
        color: Black;
        
        min-height: 100px;
        
        overflow: hidden;
    }   
    
    * html #comments_body
    {
        height: 100px;
        overflow: visible;
        
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Game/comments_body.png',sizingMethod='scale');
    }
        
        #comments_body h1, #comments_body h2
        {
            color: Black;
        }
        
        #comments_body h2
        {
            border-bottom: 1px solid Black;
        }
        
        #comments_body .reactie
        {
            float: left;
            width: 60%;
        }
        
        #comments_body input.text, #comments_body textarea
        {
            width: 300px;
        }
        
        #comments_body .txtCaptcha
        {
            height: 30px;
            margin-left: 5px;
            font-size: 14pt;
            width: 150px;
            text-align: center;
        }
    
        #comments_body #acties
        {
            clear: both;
            float: right;
        }
        
            #comments_body #acties img
            {
                margin-right: 5px;
                margin-top: 5px;
                
                border: none;                
            }
            
            #comments_body #acties a
            {
                text-decoration: none;
                color: Black;
            }
            
            #moregames, #acties
            {
                background: white;
                border: 1px solid black;
                width: 30%;
                clear: right;
                float: right;

                margin-bottom: 10px;
                padding: 10px;
            }
            
            #moregames h1, #acties h1
            {
                margin: 0 auto;
                margin-bottom: 5px;
                
            }
            
            #moregames img.gamethumb
            {
                display: block;
                margin: 0;
                margin: 0 auto;
                border: none;
            }
            
            #moregames
            {
                text-align: center;
            }
            
            #moregames a
            {
                color: Black;
            }
            
            .schrijfcomment
            {
                clear: left;
                width: 60%;
                padding-top: 50px;
            }
            
    
     #comments_footer
    {
        margin: 0 auto;
        width: 778px;
        height: 17px;
        
        background: url('Images/Website/Game/comments_footer.png') repeat-y;
    }
    
    * html #comments_footer
    {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Style/Images/Website/Game/comments_footer.png',sizingMethod='scale');
    }
    
    /* Category */
    
    a
    {
        text-decoration: none;
    }
    
    img.thumb_large
    {
        width: 320px;
        height: 240px;
        border: none;
    }
    
    div.game_body_game
    {
        float: left;
        width: 350px;
    }
    
    #games
    {
        margin: 0 auto;
        width: 705px;
    }
   
    
#banner_beforegame
{
width: 350px;
height: 300px;
margin: 0 auto;
}
    
    
    
    /* Admin */
    
    table, tbody, th, tr, td
    {
        border: 0px solid white;
        border-collapse: collapse;
        border-spacing: 0px;
        text-align: left;
        padding: 5px;

    }
    
    td
    {
        padding: 5px;

    }
    
    table a
    {
        color: White;
        text-decoration: underline;
    }
    
    
    
    
    .gok
    {
        color: Black;
        text-align: center;
        font-style: italic;
        width: 100%;
        display: block;
        margin-top: 10px;
    }