div { font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular,Sans-Serif; color: #505251; font-size: 11px; }
form { display: block; padding: 0; margin: 0; border: 0; }
img { border: 0; }
.link { cursor: pointer; }

#fullpage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.6; z-index: 3; display: none; }
#imprint { position: absolute; top: 10px; left: 50%; width: 800px; height: 600px; background-color: #fff; margin-left: -400px; z-index: 4; display: none; }
#imprintclose { cursor: pointer; margin: 3px 0 0 785px; }
#imprintcontent { padding: 20px; }
#imprintcontent .element { float: left; width: 220px; margin-left: 25px; }

#frame { position: absolute; top: 50px; left: 50%; width: 900px; height: 500px; border: 1px solid #eee; margin-left: -450px; padding: 3px; z-index: 2; }
#body { width: 900px; height: 500px; background-color: #fff; }

#header { width: 900px; height: 115px; }
#topnav { width: 900px; height: 30px; background: transparent url(../images/line.gif) repeat-x 0 27px; }
#langselector { position: absolute; top: 90px; right: 13px; width: 180px; height: 40px; z-index: 2; }
#langcontent { position: relative; }
#langdropdown { position: absolute; top: 0; right: 0; width: 28px; height: 35px; border: 1px solid #eee; background: #fff url(../images/arrow_down.png) no-repeat 19px 7px; display: none; }
#langdropdown .option { width: 25px; height: 13px; margin: 4px 0 0 3px; cursor: pointer; }
#langstatus { position: absolute; top: 5px; right: 14px; }
#langlabel { position: absolute; top: 4px; right: 35px; }

#content { position: relative; width: 900px; height: 370px; background: transparent url(../images/gradient_bg.jpg) repeat-x 0 0; z-index: 1;  }
#welcome { position: absolute; top: 135px; left: 30px; width: 230px; height: 100px; }
#loginpanel { position: relative; width: 340px; height: 210px; top: 50px; margin: 0 auto; }
#loginnav { height: 29px; width: 342px; background: transparent url(../images/login_top_spacer.gif) repeat-x 0 0; }
.logincontent { height: 104px; width: 300px; padding: 30px 19px 50px 19px; border-left: 2px solid #dedede; border-right: 2px solid #dedede; border-bottom: 2px solid #dedede; background: transparent url(../images/login_gradient_bg.jpg) repeat-x 0 0; }
.login-msg { display: block; float: left; width: 75px; height: 17px; padding-top: 3px; }
.login-msg.wide { width: 100px; }
.inputframe  { display: block; float: left; width: 198px; height: 20px; padding-left: 2px; }
* html .inputframe { width: 160px; padding: 0; }
.login-input { width: 198px; height: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular,Sans-Serif; color: #505251; font-size: 11px; border: 1px solid #dedede; }
* html .login-input { width: 160px; }
.buttonfield { display: block; float: left; width: 200px; height: 14px; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular,Sans-Serif; font-size: 11px; }
.buttonfield .left { display: block; float: left; width: 145px; text-decoration: none; color: #dab02a; cursor: pointer; }
.buttonfield .right { display: block; float: left; width: 55px; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; padding: 0; margin: 0; }
.spacer { font-size: 4px; height: 4px; line-height: 4px; }

#footer { width: 900px; height: 20px; }
#footer .left { float: left; width: 440px; height: 20px; margin-left: 5px; }
#footer .right { float: left; width: 440px; height: 20px; margin-right: 5px; text-align: right; cursor: pointer; }
