body {
    margin: 0;
    padding: 0;
    background-image: url(bg.jpg);
    font-family: Arial, sans-serif; font-size: 11px; color: #c2d7ec;
    text-align: center;
    border: 0;
}
BODY {
    margin: 0;
    padding: 0;
    background-image: url(bg.jpg);
    font-family: Arial, sans-serif; font-size: 11px; color: #c2d7ec;
    text-align: center;
    border: 0;
}

a img
{
    border: 0px;
}

.main_frame 
{
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -350px;
    text-align: center; 
    width: 800px; 
}

.nav_frame
{
    position: relative;
    left: 50px;
    float: left;  
}

.nav_top
{
    height: 25px;
    width: 130px;
    background-image: url(nav_top.png);
    background-repeat: no-repeat;
}

.nav_bottom
{
    background-image: url(nav_bottom.png);
    background-repeat: no-repeat;
    height: 190px;
    width: 160px;
    padding-left: 13px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
}

.nav
{
    width: 130px;
    margin: 0px;
    padding: 0px;
    background-image: url(nav.png);
    background-repeat: no-repeat;
}

.nav a:link
{
    height: 25px;
    width: 130px;
    display: block;
    /*padding: 4px 12px 0px 0px;*/
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none;
    background-image: url(nav.png);
    background-repeat: no-repeat;
}

.nav a:visited
{
    height: 25px;
    width: 130px;
    display: block;
    /*padding: 4px 12px 0px 0px;*/
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none;
    background-image: url(nav.png);
    background-repeat: no-repeat;
}

.nav a:hover
{
    height: 25px;
    width: 130px;
    display: block;
    /*padding: 4px 12px 0px 0px;*/
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none;
    background-image: url(nav_hover.png);
    background-repeat: no-repeat;
}


.content_frame
{
    position: relative;
    left: 5px;
    width: 500px; 
    height: auto;
    float: left;
}

.content_top
{
    position: relative;
    left: -4px;
    height: 65px;
    width: 507px;
    background-image: url(content_top.png);
}

.content_middle
{
    text-align: left;
    padding: 8px;
    padding-left: 60px;
    padding-right: 60px;
    background-image: url(bg_metall2.png);
    height: 400px;
}

.content_bottom
{
    height: 60px;
    width: 507px;
    padding: 10px;
    background-image: url(content_bottom.png);
    background-repeat: no-repeat;
}

.register
{
    border: 1px solid #143B64;
    background-color: black;
    height: 20px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

div.input
{
    margin-bottom: 3px;
}

div.table
{
     border: 0px;
	 background-color: #143B64;
	 text-align:left;
	 padding-left: 11px;
	 padding-right: 10px;
	 width: 185px;
     height: 20px;
	 text-align: left;
     color: #AAC9E8;
     font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;
     display: block;
}

input.input_user
{
    border: 1px solid #143B64;
    height: 16px;
    background-image: url(user.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: black;
    text-align: left;
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;
    display: block;
}

input.input_user:focus
{
    background-color: black;
    background-image: url();
}

input.input_pass
{
    border: 1px solid #143B64;
    height: 16px;
    background-image: url(key.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: black;
    text-align: left;
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;
    display: block;
}

input.input_pass:focus
{
    background-color: black;
    background-image: url();
}

input.input_mail
{
    border: 1px solid #143B64;
    height: 16px;
    background-image: url(email.png);
    background-repeat: no-repeat;
    background-position: right;
    background-color: black;
    text-align: left;
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;
    display: block;
}

input.input_mail:focus
{
    background-color: black;
    background-image: url();
}

input.input_login
{
    border: 1px solid #143B64;
    height: 20px;
    background-color: black;
    text-align: center;
    color: #AAC9E8;
    font-family: Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold;
    display: block;
}

input.input_login:hover
{
    background-color: black;
    text-decoration: underline;
}




#copyright
{
    height: 50px;
    font-family: Verdana, Arial, sans-serif; font-size: 9px; text-decoration: none;
    text-align: center;  
    position: relative;
    top: 650px; 
}

.gruen
{
	color: #008000;
}
.rot
{
	color: #FF0000;
}
.gelb
{
	color: #FFFF00;
}

a
{ 
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #ffbe75;
}

a:link, a:visited, a:active, a:focus
{
    color: #ffbe75;
}

a:hover
{
    color: #fff2d2;
}