/*************************************
*
*  HTML Komponenten
*
*************************************/

body {
	Margin: 5px;
	Background-Color: #000000;
	Overflow: Hidden;
}

form {
    Margin: 0px;
    Padding: 0px;
}


/*************************************
*
*  Eigene Elemente
*
*************************************/

.InputField {
	Width: 280px;
    Color: #000000;
	Border: 1px solid #B6B6C5;
    Background-Color: #DFDFF0;
    Padding-Left: 4px;
}

.Mainframe {
	Width: 100%;
	Height: 100%;

	Background-Color: #FFFFFF;

	Text-Align: Center;

	Border: 1px solid #000000;
}

.Register {
    Height: 230px;
    Background: url('../gr/Logos/Register.jpeg') no-repeat center top;
}

.Login {
    Height: 170px;
    Background: url('../gr/Logos/Login.jpeg') no-repeat center top;
}

.LogonTree {
	Width: 377px;

	Border-Collapse: Collapse;
    Color: #000000;
    Font-Family: Verdana, Arial, Helvetica, sans-serif;
    Font-Size: 12px;

    Margin-Top: 50px;
}

.LogonTree td {
    Height: 20px;
}

.LogonTree .RegisterSpace {
    Height: 20px;
}

.LogonTree .LoginSpace {
    Height: 30px;
}

.LogonTree .Top {
    Height: 90px;

    Color: white;
    Font-Size: 15px;
    Font-Weight: bolder;
    Font-Family: Verdana, Arial, Helvetica, sans-serif;

    Text-Align: center;

    Padding-Top: 31px;
    Padding-Left: 66px;
    Padding-Right: 66px;

    Vertical-Align: top;
}

.LogonTree .Bottom {
    Height: 25px;
}

.LogonTree .LeftColumns {
    Width: 77px;
    Text-Align: right;
}

.LogonTree .RightColumns {
    Width: 300px;
    Text-Align: left;
}

.LogonTree .SubmitCell {
	Width: 377px;

    Text-Align: right;
    Padding-Right: 20px;
}

.LogonTree .SubmitCell .Button {
    Color: #000000;
    Font-Family: Verdana, Arial, Helvetica, sans-serif;
    Font-Size: 12px;
	Border: 1px solid #B6B6C5;
    Background-Color: #DFDFF0;
}

.LogonTree .SubmitCell .Left {
    Float: left;
    Margin-Left: 10px;
}

.LogonTree .SubmitCell .Right {
    Float: right;
}

.LogonTree .ErrorCell {
    Width: 100%;
    Text-Align: center;
}