* {

    margin: 0;

    padding: 0;

}

html, body {

    height: 100%;

}

body {

    background-color: #ffffff; /* Seiten Hintergrund*/

    /*

         scrollbar-face-color:#993300;

         scrollbar-highlight-color:#cc6633;

         scrollbar-3dlight-color:#cc6633;

         scrollbar-darkshadow-color:#000000;

         scrollbar-shadow-color:#660000;

         scrollbar-arrow-color:#999966;

         scrollbar-track-color:#cc6633;

         */

}

#distance {

    width: 1px;

    height: 50%;

    margin-bottom: -250px; /* half of container's height */

    float: left;

}

#container {

    margin: 0 auto;

    position: relative; /* puts container in front of distance */

    height: 500px;

    width: 750px;

    clear: left;

    background-color: #ffffff; /* Hintergrund der Inneren Box*/

}

#container_index {

    margin: 0 auto;

    position: relative; /* puts container in front of distance */

    height: 500px;

    width: 800px;

    clear: left;

    background-color: #ffffff; /* Hintergrund der Inneren Box*/

}

#head {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 750px;

    height: 32px;

    vertical-align: middle;

    text-align: right;

    background-color: #ffffff;

    font-family: impact, charcoal, sans-serif;

    font-size: 26px;

    color: #000000;

}

#index {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 800px;

    height: 500px;

    background-color: #ffffff;

    vertical-align: middle;

}

#language {

    position: absolute;

    top: 10px;

    left: 300px;

    width: 450px;

    height: 15px;

    vertical-align: bottom;

    text-align: right;

    background-color: #ffffff;

    font-family: Monaco, "Lucida Console", monospace;

    font-size: 13px;

    color: #999999;

}

#stripe {

    position: absolute;

    top: 35px;

    left: 0px;

    width: 750px;

    height: 1px;

    vertical-align: middle;

    text-align: right;

    background-color: #000000;

}

#navi {

    position: absolute;

    top: 60px;

    left: 0px;

    width: 200px;

    height: 440px;

    text-align: left;

    border: 0px;

}

#main_std {

    position: absolute;

    top: 60px;

    left: 200px;

    width: 530px;

    height: 400px;

    text-align: justify;

    overflow: auto;

    overflow-x: hidden;

    border: 0px;

    padding-right: 20px;

}

#main_std_noscroll {

    position: absolute;

    top: 60px;

    left: 200px;

    width: 550px;

    height: 400px;

    text-align: justify;

    overflow: auto;

    overflow-x: hidden;

    overflow-y: hidden;

    border: 0px;

}

#main_extend_noscroll {

    position: absolute;

    top: 60px;

    left: 200px;

    width: 550px;

    height: 440px;

    text-align: justify;

    border: 0px;

    overflow-x: hidden;

    overflow-y: hidden;

    background-color: #CCCCCC;

}

#main_extend {

    position: absolute;

    top: 60px;

    left: 200px;

    width: 530px;

    height: 440px;

    text-align: justify;

    border: 0px;

    overflow: auto;

    overflow-x: hidden;

    padding-right: 20px;

}

#main_admin {
    position: absolute;
    top: 45px;
    left: 200px;
    width: 550px;
    height: 400px;
    text-align: justify;
    overflow-y: auto;
    overflow-x: hidden;
}

#sub {

    position: absolute;

    top: 480px;

    left: 200px;

    width: 550px;

    height: 20px;

    text-align: right;

    border: 0px;

    font-family: Monaco, "Lucida Console", monospace;

    font-size: 13px;

    color: #666666;

}

/*####################################################################################################

####################################################################################################*/

/* Standardschrift */

.font {

    font-family: Monaco, "Lucida Console", monospace;

    font-size: 13px;

    color: #666666;

}

.filter_left_font {
    font-family: Monaco, "Lucida Console", monospace;
    font-size: 11px;
    color: #666666;
}

.fontimpact {

    font-family: impact, charcoal, sans-serif;

    font-size: 15px;

    color: #000000;

}

.fontimpactbig {

    font-family: impact, charcoal, sans-serif;

    font-size: 20px;

    color: #000000;

}

.trenn {

    font-family: impact, charcoal, sans-serif;

    font-size: 28px;

}

a.lan_sel:link {

    font-family: Monaco, "Lucida Console", monospace;

    color: #666666;

    text-decoration: none;

}

a.lan_sel:visited {

    font-family: Monaco, "Lucida Console", monospace;

    color: #666666;

    text-decoration: none;

}

a.lan_sel:hover {

    font-family: Monaco, "Lucida Console", monospace;

    color: #666666;

    text-decoration: none;

}

a.lan_sel:active {

    font-family: Monaco, "Lucida Console", monospace;

    color: #666666;

    text-decoration: none;

}

a.lan:link {

    font-family: Monaco, "Lucida Console", monospace;

    color: #999999;

    text-decoration: none;

}

a.lan:visited {

    font-family: Monaco, "Lucida Console", monospace;

    color: #999999;

    text-decoration: none;

}

a.lan:hover {

    font-family: Monaco, "Lucida Console", monospace;

    color: #999999;

    text-decoration: none;

}

a.lan:active {

    font-family: Monaco, "Lucida Console", monospace;

    color: #999999;

    text-decoration: none;

}

/*************************************************************************** Navi Links*/

a.impact:link {

    font-family: Impact, Charcoal, sans-serif;

    size: auto;

    font-size: 24px;

    color: #000000;

    text-decoration: none;

}

a.impact:visited {

    font-family: Impact, Charcoal, sans-serif;

    size: auto;

    font-size: 24px;

    color: #000000;

    text-decoration: none;

}

a.impact:hover {

    font-family: Impact, Charcoal, sans-serif;

    size: auto;

    font-size: 24px;

    color: #00FF00;

    text-decoration: none;

}

a.impact:active {

    font-family: Impact, Charcoal, sans-serif;

    size: auto;

    font-size: 24px;

    color: #000000;

    text-decoration: none;

}

/*********************************************************Lucida Links im SUB DIV*/

a.sub:link {

    font-family: Monaco, "Lucida Console", monospace;

    size: auto;

    font-size: 13px;

    color: #666666;

    text-decoration: none;

}

a.sub:visited {

    font-family: Monaco, "Lucida Console", monospace;

    size: auto;

    font-size: 13px;

    color: #666666;

    text-decoration: none;

}

a.sub:hover {

    font-family: Monaco, "Lucida Console", monospace;

    size: auto;

    font-size: 13px;

    color: #666666;

    text-decoration: none;

}

a.sub:active {

    font-family: Monaco, "Lucida Console", monospace;

    size: auto;

    font-size: 13px;

    color: #666666;

    text-decoration: none;

}

/*********************************************************n??????????????? über*/

a.impactsmall:link {

    font-family: impact, charcoal, sans-serif;

    size: auto;

    font-size: 15px;

    color: #000000;

    text-decoration: none;

}

a.impactsmall:visited {

    font-family: impact, charcoal, sans-serif;

    size: auto;

    font-size: 15px;

    color: #000000;

    text-decoration: none;

}

a.impactsmall:hover {

    font-family: impact, charcoal, sans-serif;

    size: auto;

    font-size: 15px;

    color: #000000;

    text-decoration: none;

}

a.impactsmall:active {

    font-family: impact, charcoal, sans-serif;

    size: auto;

    font-size: 15px;

    color: #000000;

    text-decoration: none;

}

.activeUserFilterList {
    text-align: left;
    font-size: 11px;
}

.filterEntryLeftEven {
    padding-left: 3px;
    padding-top: 2px;
    background-color: gainsboro;
}

.filterEntryLeftOdd {
    padding-left: 3px;
    padding-top: 2px;
}

.userFilterEntry {
    border-bottom: 1px solid darkgray;
    padding-left: 2px;
}

.pointable {
    cursor: pointer;
}

.dlgActiveUserFilterList {
    padding-top: 2px;
}

.filterButtonBar {
    width: 160px;
    height: 15px;
    margin-top: 0px;
    padding-top: 2px;
    text-align: right;
    border-top: 1px solid gray
}

.invalidInputField {
    border:2px solid red;
}

.even {
    background-color: #ffefd5;
}