html, body {
	height:100%;
	border: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:#ffffff;
    
    text-align:center;
}

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

#main_container {
    margin:0 auto;
    position:relative; /* puts container in front of distance */
    text-align:left;
    height:660px;
    width:1000px;
    clear:left;

    border:1px solid #fff;
}
    #header {
        position:absolute;
        top:0px;
        left:0px;
        
        width:100%;
        height:60px;
        text-align:left;
        vertical-align:middle;
    
        border-bottom:1px solid #fff;
    }
        #logo {
            position:absolute;
            top:0px;
            left:0px;
            
            height:60px;
            width:300px;
        }
        
        #einsenden {
            position:absolute;
            top:10px;
            right:5px;
            
            text-align:right;
            
            width:600px;
            height:30px;
        }
        #background-color {
            position:absolute;
            bottom:10px;
            right:5px;
            
            text-align:right;
            
            width:106px;
            height:15px;
            border:1px solid #ffffff;
        }
        .bg_color {
            height:15px;
            width:7px;
            display:block;
            float:right;
        }
        .bg_color_sel {
            height:13px;
            width:6px;
            display:block;
            float:right;
            border:1px solid #D51118;
        }

    
    #menu_div {
        position:absolute;
        top:61px;
        left:0px;
        
        height:599px;
        width:250px;
        
        z-index:10;

        border-right:1px solid #fff;
                
        text-align:left;
        vertical-align:top;
    }
    
    #suchen {
        position:relative;
        top:0px;
        left:0px;
        width:250px;
        
        text-align:center;
        
        padding-top:10px;
        padding-bottom:5px;
        
        background-color:#444444;
        
        border-bottom:1px solid #fff;
    }
    
    #menu {
        color:#ffffff;
        padding:5px;
    }
        
        .menu_sel {
            background-color:#555555;
            text-decoration:none;
        }

        #menu a {
            font-size:9pt;
            margin-bottom:2px;
            color:#ffffff;
            text-decoration:none;
            
            z-index:15;
        }
        #menu a:hover {
            font-size:9pt;
            margin-bottom:2px;
            color:#778CBB;
            text-decoration:none;
            
            z-index:15;
        }
            
    #content_div {
        position:absolute;
        top:61px;
        left:250px;
    
        width:750px;
        height:599px;
        
        text-align:center;
        
        background-color:#333333;
                
        overflow:auto;
    }
    #content {
        padding:5px;
    }
    
        .image_div {
                        
            margin:25px;
            
            width:128px;
            height:153px;
            vertical-align:top;
            text-align:center;
            
            float:left;
            
            background-color:#555555;
            
            border:1px solid #555555;
        }
            .image_thumb {
                position:relative;
                top:0px;
                left:0px;
                width:128px;
                height:128px;
                
                vertical-align:middle;
                text-align:center;
             }
            
            .image_text {
                font-size:7pt;
                color:#eeeeee;
                background-color:#555555;
                
                padding-top:5px;
                height:20px;
                width:128px;
                text-align:center;
                vertical-align:middle;
            }

        #copyright {
            position:absolute;
            top:510px;
            left:-17px;
            
            height:150px;
            width:15px;
        }
    
#reflection {
    position:absolute;
    top:661px;
    left:-1px;
    
    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;
    }
        
.error {
    position:relative;
    left:50%;
    margin-left:-300px;
    
    margin-top:10px;
    margin-bottom:10px;
    
    padding:10px;
    
    background-color:#D51118;
    border:1px solid #ffffff;
    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 #ffffff;
    width:600px;
    vertical-align:middle;
    text-align:center;
}