body, html {
    height: 100%;
    margin: 0px;
    background-color: #999999;

    color: #8D8D8D;
    text-align: left;
    text-decoration: none;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
}

table {
    font-size: 10px;
}

a, a:visited, a:active {
    color: #8D8D8D;
    text-decoration: underline;
}

a:hover {
    color: #8D8D8D;
    text-decoration: none;
}

a.mainlink, a.mainlink:visited, a.mainlink:active {
    text-decoration: none;
    font-weight: bold;
}

a.mainlink:hover {
    color: #000000;
}

.mainlink-active {
    color: #F94B07;
    font-weight: bold;
}

.title {
	padding-top: 1px;
	text-align: left;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

a.titlelink, a.titlelink:visited, a.titlelink:active {
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
}

a.titlelink:hover {
    text-decoration: underline;
}

#outer {
    height: 100%;
    width: 100%;
    overflow: visible;
    position: relative;
}

#outer[id] {
    display: table;
    position: static;
}

#middle { /* for explorer only*/
    height: 100%;
    width: 100%;
    position: absolute;
    
    text-align: center;
}

#middle[id] {
    display: table-cell;
    position: static;

    vertical-align: top;
}

#inner { /* for explorer only */
    height: 100%;
    position: relative;

    text-align: left;
}

#inner { /* for all browsers */
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

#headrow { /* Kopfzeile der Webseite */
    height: 34px;
    background-color: #1C1C1C;

    border-bottom: 5px solid #515151;
}

#title-left { /* Linker Teil der Webseiten Titel-Leiste */
    padding-top: 12px;
    padding-left: 12px;

    color: #FFFFFF;

    float: left;
}

#title-right { /* Rechter Teil der Webseiten Titel-Leiste */
    padding-right: 55px;

    float: right;
}

#headrowbuttonleft {
    height: 34px;
    width: 5px;

    float: left;
}

.headrowbuttoncenter {
    height: 34px;
    width: 3px;

    float: left;
}

#headrowbuttonright {
    height: 34px;
    width: 5px;

    float: left;
}

a.headrowbutton, a.headrowbutton:visited, a.headrowbutton:active {
    height: 22px;
    width: 89px;
    padding-top: 12px;
    background-color: #313131;																			/* ungenaue Angabe */
    display: block;

    color: #DDDDDD;																						/* ungenaue Angabe */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;

    float: left;
}

a.headrowbutton:hover {
    background-color: #414141;																			/* ungenaue Angabe */

    color: #EEEEEE;																						/* ungenaue Angabe */
}

#headrowbutton-active {
    height: 22px;
    width: 89px;
    padding-top: 12px;
    background-color: #515151;																			/* ungenaue Angabe */
    display: block;

    color: #FFFFFF;																						/* ungenaue Angabe */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bold;

    float: left;
}

a.name, a.name:visited, a.name:active, a.name:hover { /* Deklarierung des Projektnamen als Link */
    text-transform: uppercase;
    font-style: normal;
}

.name { /* Deklarierung des Projektnamen */
    text-transform: uppercase;
    font-style: italic;
}

.line-frame { /* "Rahmen" der orangen Linie */
    width: 100%;
    padding-left: 5px;
}

.line { /* Orange Linie */
    height: 3px;																						/* ungenaue Angabe */
    width: 100%;
    background-color: #E24500;																			/* ungenaue Angabe */
}

.subtitle { /* Beschreibungen der Boxentitel */
    font-style: italic;
}

.box-title {
	padding-top: 1px;
	text-align: left;

    font-weight: bold;
    text-decoration: none;
}

.box-content { /* Content einer Box */
    padding-top: 8px;
}

#head {
    height: 144px;
    background: url(Bilder/head-spacer.jpg) repeat-x left #BE3300;
    border-top: 3px solid #C53802;
    border-bottom: 1px solid #FFFFFF;
}

#head-left { /* Linker Teil des Headers */
    height: 144px;
    width: 101px;
    background: url(Bilder/head-corner-left.jpg) no-repeat bottom left;
    
	float: left;
}

#head-right { /* Rechter Teil des Headers */
    height: 144px;
    width: 102px;
    background: url(Bilder/head-corner-right.jpg) no-repeat top right;

	float: right;
}

#header-box {													/* BUG: Box-BGcolor wird von "head-corner-right.jpg" ueberlagert! */
    height: 150px;
    width: 387px;
    margin-top: -139px;
    margin-left: 522px;
/*	background-color: #000000; */
}

#mainmenue {
    height: 23px;
    padding-top: 11px;
    padding-left: 5px;

    border-top: 3px solid #E24500;
}

a.mainmenuelink, a.mainmenuelink:visited, a.mainmenuelink:active {
    padding: 10px;

    text-transform: uppercase;
}

#mainmenuelink-active {
    padding: 10px;

    text-transform: uppercase;
}

#menue {
    height: 17px;
    width: 525px;
    padding-top: 4px;
    padding-left: 5px;
    background-color: #848484;
}

.menuelinking {
    padding: 10px;

    color: #DDDDDD;
}

a.menuelink, a.menuelink:visited, a.menuelink:active {
    color: #DDDDDD;
    text-decoration: none;
}

a.menuelink:hover {
    color: #EEEEEE;
}

#menuelink-active {
    padding: 10px;

    color: #FFFFFF;
}

#main { /* Hauptbereich der Webseite */
    width: 100%;
    background-color: #FFFFFF;

    float: left;
}

#develop-box {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #FF8A8A;

    border: 1px solid #CC0033;

    color: #CC0033;
    text-align: left;
}

#js-box {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #FF8A8A;

    border: 1px solid #CC0033;

    color: #CC0033;
    text-align: left;
}

.ad-box {
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;

    border: 1px solid #CFCFCF;

    text-align: left;
}

.distance {
    height: 9px;
    width: 9px;
}

.float {
    float: left;
}

.inline {
    display: inline;
}

a.footerlink, a.footerlink:visited, a.footerlink:active {
    text-decoration: none;
    font-weight: bold;
}

a.footerlink:hover {
    color: #000000;
}

#footerlink-active {
    color: #F94B07;
    font-weight: bold;
}

#left { /* Contentbereich im Hauptbereich */
    width: 759px;

    float: left;
}

#right { /* Seitenleiste im Hauptbereich */
    width: 233px;

    float: left;
}

  
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
}

option, textarea, input, select, file {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #CACACA;
}

.form_off {
    color: #909090;
    background-color: #EEEEEE;
    border: 1px solid #CACACA;
}

.form_on {
    color: #000000;
    background-color: #FFFFFF;
    border: 1px solid #CACACA;
}

.input {
    background-color: transparent;
    border: 1px none;
    margin-top: 0px;
    margin-bottom: 0px;
}

//Auszumisten
.form_username {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: left top;
}
.form_password {
    background-color: #eeeeee;
    border: 1px solid #333333;
    background-repeat: no-repeat;
    background-position: left top;
}
.form_username {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;

}
.form_password {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    border: 0px;
}