html, body {
	height:100%;
	border:0;
	margin:0;
	padding:0;
}

th {
    background-color:#555555;
}

img {
    border:0;
}

a {
    color:#fff;
}
a:hover {
    color:#778CBB;
}

body {
    font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    background-color:#000;
    color:#fff;
    
	margin:0;
	padding:0;

    text-align:center;
}

#distance { 
    width:1px;
    height:50%;
    margin-bottom:-450px; /* half of container's height */
    float:left;
}

#container {
    margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:left;
    height:670px;
    width:1000px;
    clear:left;
}
    #header {
        position:absolute;
        top:0px;
        left:0px;
        
        width:100%;
        height:70px;
        text-align:left;
        vertical-align:middle;
    
        border:1px solid #fff;
    }
        #logo {
            position:absolute;
            top:0px;
            left:0px;

            padding-top:5px;
            padding-left:5px;
            
            height:65px;
            width:495px;
        }

        #mitmachen {
            position:absolute;
            top:5px;
            right:5px;
            
            text-align:right;
            
            width:600px;
            height:30px;
        }
        #mitmachen a {
            color:#728FB3;
        }
        #mitmachen a:hover {
            color:white;
        }
        
        #thumb_size {
            position:absolute;
            bottom:10px;
            right:5px;
            
            text-align:right;
            
            width:200px;
            height:30px;
        }
        
    
    #menu {
        position:absolute;
        top:70px;
        left:0px;
        
        height:30px;
        width:100%;

        background:url("menu.jpg") bottom left repeat-x;
        
        z-index:50;
        
        text-align:left;
        vertical-align:top;
            
        border-left:1px solid #fff;
        border-right:1px solid #fff;
    }
        
        .contest_title {
            z-index:60;
            
            color:#fff;
            font-size:10pt;
            
            display:block;
            height:30px;
            margin-left:5px;
            margin-right:5px;
            margin-top:3px;
            
            vertical-align:middle;
            text-align:center;
            
            float:left;
        }

        #menu a {
            color:#fff;
            font-size:12pt;
            
            z-index:70;
        }
        #menu a:hover {
            color:#778CBB;
            font-size:12pt;
            
            z-index:70;
        }
            
    #content {
        position:absolute;
        top:100px;
        left:0px;
    
        width:100%;
        height:100%;
        
        text-align:center;
        
        background-color:#333;
        
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        
        overflow:auto;
    }
    
        
        .best_image_div {
            margin:20px;
            
            width:285px;
            height:310px;
            vertical-align:top;
            text-align:center;
            
            float:left;
            
            background-color:#111;
            
            border:1px solid #444;
        }
            .best_image_banner{
                z-index:50;
                position:relative;
                float:right;
                top:5px;
                right:5px;
                width:60px;
                height:60px;
            }
            
            .best_image_thumb {
                z-index:40;
                position:relative;
                top:-60px;
                left:0px;
                width:285px;
                height:285px;
                
                vertical-align:middle;
                text-align:center;
             }
            
            .best_image_text {
                font-size:9pt;
                color:#CCC;
                background-color:#444;
                
                padding-top:5px;
                height:20px;
                width:285px;
                text-align:center;
                vertical-align:middle;
            }


        .image_div {
                        
            margin:22px;
            
            width:150px;
            height:175px;
            vertical-align:top;
            text-align:center;
            
            float:left;
            
            background-color:#111;
            
            border:1px solid #444;
        }
            .image_thumb {
                position:relative;
                top:0px;
                left:0px;
                width:150px;
                height:150px;
                
                vertical-align:middle;
                text-align:center;
             }
            
            .image_text {
                font-size:7pt;
                color:#CCC;
                background-color:#444;
                
                padding-top:5px;
                height:20px;
                width:150px;
                text-align:center;
                vertical-align:middle;
            }

        #copyright {
            position:absolute;
            top:622px;
            left:-17px;
            
            height:150px;
            width:15px;
        }

    .adminmenu {
        position:relative;
        top:0px;
        left:0px;
        width:100%;
        height:25px;
        text-align:center;
        vertical-align:middle;
        
        border-bottom:1px solid #FFFFFF;
        background-color:#555555;
        
        background:url("adminmenu.jpg") top left repeat-x;
    }
    .adminmenu a {
        display:block;
        float:left;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:6px;
        padding-right:6px;
        vertical-align:middle;
        text-align:center;
    }
    .adminmenu a:hover {
        display:block;
        float:left;
        padding-top:4px;
        padding-bottom:4px;
        padding-left:6px;
        padding-right:6px;
        vertical-align:middle;
        text-align:center;

        background:url("adminmenu_hover.jpg") top left repeat-x;
    }
    
#reflection {
    position:absolute;
    top:772px;
    left:0px;
    
    width:1002px;
    height:60px;
    
    background:url("middle.jpg") top left repeat-x;
}
    #reflection_left {
        position:absolute;
        top:0px;
        left:0px;
        float:left;
        
        height:100%;
        width:10px;
        
        background:url("left.jpg") top left no-repeat;
    }
    
    #reflection_right {
        position:absolute;
        top:0px;
        right:0px;
        
        height:100%;
        width:10px;
        
        background:url("right.jpg") top right no-repeat;
    }
    
#admin {
    position:absolute;
    bottom:0px;
    right:0px;
    
    height:30px;
    width:30px;
}
    
.error {
    position:relative;
    left:50%;
    margin-left:-300px;
    
    margin-top:10px;
    margin-bottom:10px;
    
    padding:10px;
    
    background-color:#AA3333;
    border:1px solid #555555;
    width:600px;
    vertical-align:middle;
    text-align:center;
}
.ok {
    position:relative;
    left:50%;
    margin-left:-300px;
    
    margin-top:10px;
    margin-bottom:10px;
    
    padding:10px;
    
    background-color:#22AA22;
    border:1px solid #555555;
    width:600px;
    vertical-align:middle;
    text-align:center;
}