html, body {
    background: #ccc;
/*    background-color: #ACACAC;*/
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

body {
    margin: 0;
    padding: 0;
    
    /*
    scrollbar-face-color: #810102;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #999999;
    scrollbar-shadow-color: #333333;
    scrollbar-darkshadow-color: #000000;
    scrollbar-arrow-color: #CCCCCC;
    scrollbar-track-color: #ACACAC;
    */
}



form {
    margin: 0;
    padding: 0;
}

    input, textarea {
        font-size: 11px;
        height: 13px;
        width: 200px;
        
        border: 1px solid #000;
        background: #EEE;
    }

    input:focus, input:hover, textarea:focus, textarea:hover {
        border: 1px solid #000;
        background: #DDD;
    }

img {
    border: 0;
}

.row {
    clear: both;
}

.col {
    float: left;
}

h1 {
    height: 50px;
    line-height: 50px;
    
    margin: 0;
    padding: 0;

    color: #000;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

h2 {
    margin: 0;
    padding: 0;
    
    text-align: left;
    margin: 15px 0px 5px 25px;
    
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

h3 {
    margin: 0;
    padding: 0;
    
    font-size: 16px;
}

fieldset {
    background: transparent;

    margin: 0;
    padding: 10px;
    
    overflow: hidden;
}

legend {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    
    margin: 0;
    padding: 2px;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

div#error {
    border: 10px outset #F00;
    background: #F77;
    
    padding: 30px 15px;
    
    text-align: center;
    font-weight: bold;
}


div#mvc {
    border: 0px solid #FFF;

    position: absolute;
    top: 50%;
    left: 50%;
    
    margin-top: -400px;
    margin-left: -400px;
    width: 700px;
    height: 600px;
}

    div#top {
        position: absolute;
        top: 0px;
        left: 0px;
        
        width: 800px;
        height: 255px;
        
        background: #EEE;
                
        text-align: center;
    }
    
    div#left {
        border: 0px solid #999;

        position: absolute;
        top: 255px;
        left: -105px;
        
        height: 400px;
        width: 105px;
        
        background: #CCC;
    }
    
    div#right {
        border: 0px solid #999;
        
        position: absolute;
        top: 80px;
        left: 600px;
        
        height: 400px;
        width: 100px;
        
        background: #CCC;
    }
    
    div#main {
        border: 0px solid #999;

        position: absolute;
        top: 255px;
        left: 0px;
        
        height: 400px;
        width: 800px;
        
        background: #fff;
        
        overflow: auto;
    }

    div#bottom {
        position: absolute;
        top: 655px;
        left: 0px;
        
        width: 800px;
        height: 50px;
        
        background-color: #810102;
                
        color: #000;
        
        border: 0px solid #F0F;
    }
    
    

    ul#menu1 {
        list-style: none;
        margin: 0;
        padding: 0;
        
        margin-top: 40px;
    }
        
        ul#menu1 li {
            display: block;
            
            width: 100%;
            height: 20px;
            line-height: 20px;
            
            border-top: 1px solid #777;
            
            text-align: center;
        }
        
        ul#menu1 li.last {
            border-bottom: 1px solid #777;
        }
        
            ul#menu1 a {
                display: block;
                
                width: 100%;
                height: 20px;
                
                background: #111;
                
                color: #FFF;
                text-decoration: none;
            }
            
            ul#menu1 a:hover {
                background: #222;
                
                color: #F60;
            }
        
    ul#menu2 {
        clear: both;
        list-style: none;
        margin: 0;
        padding: 0;
        
        margin-top: 3px;
        margin-left: 6px;
        
        color: #FFF;
    }
        
        ul#menu2 li {
            float: left;
            display: block;

            padding: 0px 4px;
            
            border-right: 1px solid #FFF;
        }
        
        ul#menu2 li.first {
            border-left: 1px solid #FFF;
        }
        
        ul#menu2 a {
            color: #FFF;
            text-decoration: none;
        }
        
        ul#menu2 a:hover {
            color: #EEE;
        }
        
    ul#menu3 {
        color: #FFF;
    }
    
        ul#menu3 li {
            height: 18px;
        }
    
        ul#menu3 a {
            color: #BBB;
            text-decoration: underline;
        }
    
        ul#menu3 a:hover {
            text-decoration: none;
        }

/************************
TOP DIV
************************/
div#topline {
    clear: both;
    width: 800px;
}

div#logospacer {
    float: left;
    width: 595px;
    height: 65px;
    background-color: #810102;
    
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    letter-spacing: 2px;
    
}

div#logo {
    float: left;
    width: 205px;
    height: 65px;
    background-image:url(../images/logo.jpg);
}

div#topgrafik {
    width: 800px;
    height: 150px;
    background-image:url(../images/top.jpg);
}

div#mainmenu {
    width: 800px;
    height: 40px;
    text-align: left;
    background-color: #ACACAC;
}

div#mainmenuentry {
    width: 750px;
    height: 40px;
    padding-left: 30px;
    background-color: #ACACAC;
    
    color: #000000;
    font-size: 14px;
    text-align: left;
    font-weight: bold;
}

div#mainsubmenuentry {
    width: 450px;
    height: 20px;
    padding-left: 2px;
    margin-top: 5px;    

    background-color: #810102;
    
    color: #ffffff;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}

a#mainmenu {
    color: #000000;
    text-decoration: none;
}

a:hover#mainmenu {
    text-decoration: underline;
}

a#submenu {
    color: #FFF;
    text-decoration: none;
}

a:hover#submenu {
    text-decoration: underline;
}

/************************
BOTTOM DIV
************************/
div#bottomline {
    clear: both;
    width: 800px;
}

div#bottomteletrader {
    float: left;
    width: 600px;
    text-align: right;
}

div#bottomlang {
    float: left;
    width: 200px;
    text-align: left;
}

div#e4a {
    width: 790px;
    text-align: right;
    color: #ffffff;
}

a#bottomlink {
    color: #ffffff;
    text-decoration: none;
}

a:hover#bottomlink {
    text-decoration: underline;
}


/*******
LEFT   Partnerbereich
*******/
div#ploginline {
    clear: both;
    width: 105px;
    padding: 2px;
    overflow: hidden;
}

div#plogininfo {
    width: 105px;
    height: 80px;
    
    color: #ffffff;
    background-color: #810102;
}

div#ploginmenu {
    width: 105px;
    font-weight: bold;
    color: #810102;
    border: 1px dotted #810102;
}