/*
                                                                                
                                        BODY                                    
                                                                                
*/
body{
    background-color: #D5DAED;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    font-family: verdana, Univers, arial, helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
}

/*
                                                                                
                                        CONTENT                                 
                                                                                
*/
    div.contentBorder{ display: none; }

    div#content{
        text-align: left;
        margin: 0px auto;
        width: 770px;
        min-height: 540px;
        background-color: #0F48B1;
        color: #000000;
        border-left: solid 3px #7989C5;
        border-right: solid 3px #7989C5;
        border-bottom: solid 3px #7989C5;
    }

    * html div#content{
        width: 776px;
        height: 540px;
    }

/*
                                                                                
                                        LOGO                                    
                                                                                
*/
    div#logo{
        background-color: inherit;
        width: 140px;
        height: 140px;
        float: left;
        background-image: url(image/bso/stern.gif);
        background-repeat: no-repeat;
    }
        div#logo a.logo{
            position: relative;
            top: 50px;
            left: 45px;
            color: #FFFFFF;
            background-color: transparent;
            font-size: 21px;
            font-weight: bolder;
            text-decoration: none;
        }

/*
                                                                                
                                        BAR                                     
                                                                                
*/
    div.bar{
        overflow: hidden;
    }

        div#topBar{
            width: 630px;
            height: 140px;
            float: right;
            background-color: transparent;
            background-image: url(image/bso/top_bar.gif);
            background-repeat: no-repeat;
            overflow: hidden;
        }

        div#leftBar{
            padding-top: 28px;
            padding-left: 15px;
            width: 125px;
            height: 372px;
            text-align: center;
            float: left;
            clear: left;
            background-color: transparent;
        }
        * html div#leftBar{
            width: 140px;
            height: 400px;
        }

        div#rightBar{
            padding-top: 28px;
            padding-left: 15px;
            width: 125px;
            height: 372px;
            text-align: center;
            float: left;
            background-color: transparent;
        }
        * html div#rightBar{
            width: 140px;
            height: 400px;
        }

        div#bottomBar{
            width: 490px;
            height: 70px;
            text-align: center;
            float: left;
            margin-top: -70px;
            margin-left: 140px;
            background-color: transparent;
        }

        * html div#bottomBar{
            margin-left: 70px;
        }

        div.barContent{}

            div#topBarContent{
                margin-top: 100px;
                z-index: 150;
                background-color: transparent;
                color: #FFFFFF;
                width: 630px;
                height: 42px;
                overflow: hidden;
            }


            div#leftBarContent{
                font-size: 9px;
                background-color: #FFFFFF;
                color: #0F48B1;
                text-align: center;
                width: 110px;
                height: 250px;
                float: left;
            }

            * html div#leftBarContent table{
                font-size: 9px;
                color: #0F48B1;
                background-color: transparent;
            }

            div#rightBarContent{
                font-size: 8px;
                line-height: 9px;
                background-color: #FFFFFF;
                color: #0F48B1;
                text-align: center;
                width: 110px;
                height: 250px;
                float: left;
            }

            * html div#rightBarContent table{
                font-size: 9px;
                color: #0F48B1;
                background-color: transparent;
            }

            div#bottomBarContent{
                background-color: transparent;
                color: #FFFFFF;
                margin-top: 10px;
                margin-bottom: 10px;
                text-align: left;
                width: 490px;
                height: 50px;
                display: block;
            }

            div#bottomBarContent img{
                margin-left: 50px;
                margin-right: 50px;
            }

        div.barBorder{
            background-color: #FFFFFF;
            color: #000000;
            float: left;
            display: none;
        }

            div#leftBarTL{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarTL.gif);
                background-repeat: no-repeat;
            }
            div#leftBarTC{
                display: block;
                width: 86px;
                height: 11px;
            }
            div#leftBarTR{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarTR.gif);
                background-repeat: no-repeat;
            }
            div#leftBarML{ }
            div#leftBarMR{ }
            div#leftBarBL{
                display: block;
                clear: left;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarBL.gif);
                background-repeat: no-repeat;
                background-position: left top;
                overflow: hidden;
            }
            div#leftBarBC{
                display: block;
                width: 86px;
                height: 80px;
                background-image: url(image/bso/leftBarBC.gif);
                background-repeat: no-repeat;
                background-color: transparent;
                background-position: left bottom;
                color: inherit;
                overflow: hidden;
            }
            div#leftBarBR{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarBR.gif);
                background-repeat: no-repeat;
                background-position: right top;
                overflow: hidden;
            }

            div#rightBarTL{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarTL.gif);
                background-repeat: no-repeat;
            }
            div#rightBarTC{
                display: block;
                width: 86px;
                height: 11px;
            }
            div#rightBarTR{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarTR.gif);
                background-repeat: no-repeat;
            }
            div#rightBarML{ }
            div#rightBarMR{ }
            div#rightBarBL{
                display: block;
                clear: left;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarBL.gif);
                background-repeat: no-repeat;
                background-position: left top;
                overflow: hidden;
            }
            div#rightBarBC{
                display: block;
                width: 86px;
                height: 80px;
                background-image: url(image/bso/rightBarBC.gif);
                background-repeat: no-repeat;
                background-color: transparent;
                background-position: left bottom;
                color: inherit;
                overflow: hidden;
            }
            div#rightBarBR{
                display: block;
                width: 12px;
                height: 11px;
                background-image: url(image/bso/leftBarBR.gif);
                background-repeat: no-repeat;
                background-position: right top;
                overflow: hidden;
            }


/*
                                                                                
                                        MENU                                    
                                                                                
*/
    div#menu{
        width: 630px;
        height: 40px;
        background-color: transparent;
        overflow: hidden;
    }
        
        div#menu div.menuBorder{ display: none; }

        div#menu div#menuContent{
            position: absolute;
            z-index: 10;
            background-color: transparent;
            height: 42px;
            width: 630px;
            overflow: visible;
        }

            div#menuContent div.menuEntry{
                float: left;
                width: 98px;
                height: 19px;
                z-index: 20;
                background-image: url("./image/bso/menu_passive.gif");
                background-repeat: no-repeat;
                background-color: transparent;
                text-align: center;
                vertical-align: middle;
                padding-top: 5px;
                border-bottom: solid 1px #8ca6db;
                overflow: hidden;
            }

            * html div#menuContent div.menuEntry{
                height: 25px;
            }

            div#menuContent div.menuEntryStartUp, div#menuContent div.menuEntryActive{
                float: left;
                width: 98px;
                overflow: visible;
                height: 19px;
                z-index: 20;
                background-color: transparent;
                background-image: url("./image/bso/menu_active.gif");
                background-repeat: no-repeat;
                text-align: center;
                vertical-align: middle;
                padding-top: 5px;
                border-bottom: solid 1px #1f58c1;
            }

            * html div#menuContent div.menuEntryStartUp{
                height: 25px;
            }

            * html div#menuContent div.menuEntryActive{
                height: 25px;
            }

            * html div#menuContent div#menuEntry1{
                position: absolute;
                top: 0px;
                left: 0px;
            }
            * html div#menuContent div#menuEntry2{
                position: absolute;
                top: 0px;
                left: 98px;
            }
            * html div#menuContent div#menuEntry3{
                position: absolute;
                top: 0px;
                left: 196px;
            }
            * html div#menuContent div#menuEntry4{
                position: absolute;
                top: 0px;
                left: 294px;
            }
            * html div#menuContent div#menuEntry5{
                position: absolute;
                top: 0px;
                left: 392px;
            }
            div#menuContent div#menuEntry6{
                background-image: url("./image/bso/menu_oblomow.gif");
                background-repeat: no-repeat;
                width: 110px;
                height: 40px;
                padding-top: 0px;
                border-bottom: solid 0px #8ca6db;
            }
            * html div#menuContent div#menuEntry6{
                position: absolute;
                top: 0px;
                left: /*504*/490px;
            }

                div#menuContent a.menuEntryLink{
                    color: #FFFFFF;
                    background-color: transparent;
                    text-decoration: none;
                    font-size: 11px;
                    font-weight: bold;
                    z-index: 99;
                    background-color: transparent;
                }
                div#menuContent div#menuEntry6 a.menuEntryLink{
                    position: relative;
                    top: 22px;
                    left: 15px;
                    font-size: 9px;
                    letter-spacing: 1px;
                }

            
            div#menuContent div.subMenuEntry{ display: none; }

            div#menuContent div.subMenuEntryStartUp, div#menuContent div.subMenuEntryActive{
                position: absolute;
                top: 25px;
                left: 0px;
                height: 13px;
                width: /*619*/ 478px;
                z-index: 20;
                background-color: #1b54bd;
                background-image: url("./image/bso/submenu_background.gif");
                background-repeat: repeat-x;
                padding-left: 5px;
                padding-right: 5px;
                padding-bottom: 2px;
                border-left: 1px solid #001f58;
                border-right: 1px solid #001f58;
                vertical-align: middle;
            }
            * html div#menuContent div.subMenuEntryStartUp{
                height: 15px;
                width: 490px;/*630px;*/
            }
            * html div#menuContent div.subMenuEntryActive{
                height: 15px;
                width: 490px;/*630px;*/
            }

                div#menuContent a.subMenuEntryLink{
                    color: #FFFFFF;
                    letter-spacing: -0.1px;
                    font-size: 9px;
                    text-decoration: none;
                    background-color: transparent;
                    margin-left: 5px;
                    margin-right: 6px;

                }

                /*div#menuContent a.subMenuEntryLink:after{
                    content: url("./image/bso/submenu_line.gif");
                    margin-left: 0px;
                    margin-right: 0px;
                    margin-bottom: 2px;
                }*/

/*
                                                                                
                                        mainWindow                              
                                                                                
*/
    div#mainWindow{
        float: left;
        width: 490px;
        height: 330px;
        background-color: #FFFFFF;
        color: #000000;
    }
        body > div#mainWindowContent{
            text-align: left;
        }

        div#mainWindow div#mainWindowContent{
            width: 490px;
            height: 330px;
            overflow: auto;
            background-color: #FFFFFF;
            color: #000000;
        }

        div#mainWindowContent div#navigation{
            display: block;
            margin-bottom: 15px;
            background-color: transparent;
            width: 100%;
            text-align: center;
        }

            div#navigation div.navigationEntry{
                display: inline;
                margin-left: 5px;
                margin-right: 5px;
            }

                div.navigationEntry a.navigationLink{
                    font-weight: bold;
                    font-size: 120%;
                }

                div#navigation div#navigationEntry0{}
                div#navigation div#navigationEntry1{}
                div#navigation div#navigationEntry2{}
                div#navigation div#navigationEntry3{}
                div#navigation div#navigationEntry4{}
                div#navigation div#navigationEntry5{}
                div#navigation div#navigationEntry6{}


        div#mainWindowContent div#mainTitle{
            padding-left: 50px;
            padding-top: 5px;
            padding-bottom: 5px;
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            color:  #0F48B0;
            background-color: transparent;
        }

        div#mainWindowContent div#mainRest{
            margin: 20px;
            font-size: 11px;
        }

        div#mainRest a.back{
            clear: both;
            text-align: right;
            display: block;
        }
        div#mainRest a.topper{
            clear: both;
            text-align: right;
            display: block;
        }
        div#mainRest a.copyright{
            margin-top: 10px;
            clear: both;
            text-align: right;
            display: block;
        }
        a.frame{
            text-align: right;
            display: block;
        }

/*
                                                                                
                                        TABLE                                   
                                                                                
*/
    table{
        border-style: none;
        font-size: 11px;
        empty-cells: show;
    }

    th{
        font-weight: bold;
        text-align: left;
    }

    td{}

/*
                                                                                
                                        TABLE.vis                               
                                                                                
*/

    table.vis{
        border-width: 1px;
        border-style: solid;
        border-color: #D5DAED;
        color: #000000;
    }
        table.vis tr{
            border: 1px solid #D5DAED;
        }

        table.vis tr.marked{
            font-weight: bold;
        }

        table.vis th{
            background-color: #DBDBDB;
            color: #000000;
            font-weight: bold;
            border: 1px solid #D5DAED;
        }

        table.vis td{
            background-color: #FFFFFF;
            color: #000000;
            border: 1px solid #D5DAED;
        }

        table.vis td.caption{
            font-weight: bold;
        }

/*
                                                                                
                                        ALIGN                                   
                                                                                
*/
.top{
    vertical-align: top;
}

.bottom{
    vertical-align: bottom;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.small{
    font-size: 80%;
}

.big{
    font-size: 120%;
}

.bold{
    font-weight: bold;
}

.hidden{
    display: none;
}


/*
                                                                                
                                        WIDTH                                   
                                                                                
*/
.fullWidth{
    width: 100%;
}

.halfWidth{
    width: 50%;
}

.quarterWidth{
    width: 25%;
}

/*
                                                                                
                                        INPUT                                   
                                                                                
*/

form{
    line-height: 150%;
}

form label{
    cursor: pointer;
}

form label.wider{
    float: left;
    text-align: left;
    width: 90px;
    margin-right: 0.3em;
}

form legend{
    letter-spacing: 1px;
    padding: 2px;
    font-weight: bold;
}

form fieldset{
    padding: 10px;
}

select{
    font-size: 11px;
}

option{
    font-size: 11px;
}

input.radio{ }

input.submit, input.text, input.password, input.file{
    font-size: 11px;
}

/*
                                                                                
                                   ERROR_AND_SUCCESS_AND_WARNING                
                                                                                
*/
div.user_error{
    margin: 1px;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #B22222;
    border: 1px dotted #444444;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.user_success{
    font-size: 10pt;
    font-weight: bold;
    color: #444444;
    background-color: #0099FF;
    border: 1px dotted #444444;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    div.user_success a, div.user_warning a, div.user_error a{
        color: #FFFFFF;
    }

div.user_warning{
    font-size: 10pt;
    font-weight: bold;
    color: #444444;
    background-color: #FFFFE0;
    border: 1px dotted #444444;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*
                                                                                
                                        OTHERS                                  
                                                                                
*/
img{
    border: none;
}

img.border{
    border: 1px solid blue;
}

hr{
    background-color: #0F48B1; /* Mozilla 1.4 */
    color: #0F48B1; /* IE 6 */
    border: #0F48B1 solid 1px; /* Opera 7.11 */
    height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

a:link{
  color: #1D23A9;
  text-decoration: none;
  background-color: transparent;
}

a:visited{
  text-decoration: none;
  color: #0F48B0;
  background-color: transparent;
}

a:hover{
  text-decoration: underline;
  color: #0F48B0;
  background-color: transparent;
}

a:active{
  color: #0F48B0;
  text-decoration: underline;
  background-color: transparent;
}

/*      Footer der einz. Modi      */
div#helpHeader{
    width: 100%;
    text-align: right;
}

div#helpText{
    display: none;
}

div.tooltip{
    border: 2px solid #0F48B1;
    background-color: #FFFFFF;
    padding: 5px;
    margin: 5px;
}

/*
                                                                                
                                        SPEZIFISCH                              
                                                                                
*/
/*      NEWS    */
div.newsEntry{
    margin-top: 0px;
    margin-bottom: 30px;
}

div.newsEntry .newsHeader{
    font-size: 10px;
    background-image: url("image/bso/news_background.png");
    background-repeat: repeat-y;
    position: relative;
    top: -14px;
}

div.newsEntry .newsCaption{
    font-size: 14px;
    color: #0F48B0;
    background-color: transparent;
    font-weight: bold;
    position: relative;
    top: 14px;
}

div.newsEntry .newsText{
}

div.newsEntry .newsText img{
    vertical-align: middle;
}

div.newsEntry .newsMod{
    width: 100%;
    text-align: left;
}

div.moreNews{
    margin-top: 40px;
}

/*      PAGES     */
div.pages{
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*      REPLY     */
div.preview{
    margin: 10px;
    padding: 5px;
    border: 2px solid #DBDBDB;
}
div.preview img{
    vertical-align: middle;
}

div#smiles{
    height: 40px;
}

    div#smilies a{
        vertical-align: bottom;
        text-decoration: none;
    }

    div#smilies div{
        text-align: center;
        height: 40px;
        text-align: center;
        display: inline-block;
        width: 350px;
        overflow: hidden;
    }

/*      COMMENTS    */
div.commentsManage{
    width: 100%;
    text-align: right;
}

table.comments{
    width: 100%;
    border: solid 1px #0F48B1;
    border-left: solid 2px #0F48B1;
    border-right: solid 2px #0F48B1;
    border-collapse: collapse;
    border-spacing: 0px;
}
    table.comments tr{
        width: 100%;
    }

    table.comments td.user{
        vertical-align: top;
        margin: 0px;
        width: 25%;
        background-color: #DBDBDB;
        text-align: center;
        padding: 5px;
        border: solid 1px #7989C5;
    }
        table.comments td.user div.info{
            font-size: 9px;
        }

        table.comments td.user img.avatar{
            border: none;
            max-width: 140px;
            max-height: 140px;
        }

    table.comments td.text{
        width: 75%;
        padding: 5px;
        border: solid 1px #7989C5;
    }

    table.comments td.autor{
        width: 25%;
        text-align: center;
        background-color: #DBDBDB;
        padding: 5px;
        border: solid 1px #7989C5;
        border-top: solid 1px #0F48B1;
    }

    table.comments td.header{
        width: 75%;
        background-color: #DBDBDB;
        padding: 5px;
        border: solid 1px #7989C5;
        border-top: solid 1px #0F48B1;
        font-weight: bold;
    }

    table.comments td.date{
        width: 25%;
        background-color: #DBDBDB;
        padding: 5px;
        border: solid 1px #7989C5;
        border-bottom: solid 1px #0F48B1;
    }

    table.comments td.footer{
        width: 75%;
        background-color: #DBDBDB;
        padding: 5px;
        border: solid 1px #7989C5;
        border-bottom: solid 1px #0F48B1;
    }

    table.comments td.user span.username{
        display: block;
        font-size: 12px;
        margin-bottom: 5px;
        color: #0F48B0;
        background-color: transparent;
    }

    table.comments span.mod{
        font-weight: bold;
    }

    table.comments span.admin{
        text-decoration: underline;
    }

    table.comments td.autor span.username{
        color: #0F48B0;
        background-color: transparent;
    }

/*      BBCODES       */
    span.b{
        font-weight: bold;
    }
    span.u{
        text-decoration: underline;
    }
    span.i{
        font-style: italic;
    }
    span.s{
        text-decoration: line-through;
    }
    span.bbCodeHighlight{
        font-weight: bold;
        color: #0F48B0;
    }
    div.left{
        text-align: left;
    }
    div.center{
        text-align: center;
    }
    div.right{
        text-align: right;
    }
    div.quote{
        border: 2px solid #000000
    }
    div.quote div.from{
        background-color: #DBDBDB;
        width: 100%;
    }
    div.code{
        border: 2px solid #000000;
    }
    div.indent{
        margin-left: 20px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    div.question{
        font-weight: bold;
    }
    div.answer{
        margin-left: 15px;
        margin-top: 0px;
        margin-bottom: 5px;
        font-weight: normal;
    }