body 
    {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	background-color: #f2f2f2;
    }

#content 
    {
	width: 910px;
	margin: 0px auto;
	padding: 0;
	display: block;
    }

h1, h2, p, a, table
    {
	color: #666666;
    }

#header
    {
    display: block;
	width: 902px;
	height: 110px;
    }

#logo
    {
    display: block;
	float: left;
	width: 277px;
	height: 66px;
	margin: 39px 0 0 23px;
    background: transparent url(../bilder/elasoft-logo.gif) no-repeat left top;
    }
	
#menu-s
    {
    float:right;
    margin: 43px 0 0 0px;
    width: 150px;
    height: 20px;
    }

#menu-s a
    {
    display:block;
    float:right;
    padding:0px 15px;
    text-decoration:none;
	font: normal 11px/15px Verdana, Arial, sans-serif;
color: #f2f2f2;
    }

#info-top
    {
	width: 910px;
	height: 5px;
    background: transparent url(../bilder/info-top-bg.gif) no-repeat    
    }

#info, #info2
    {
	width: 910px;
    background: transparent url(../bilder/info-bg.gif) repeat-y top
    }

#info
    {
	height: 635px;
    }

#info-bottom
    {
	width: 910px;
	height: 5px;
    background: transparent url(../bilder/info-bottom-bg.gif) no-repeat;
    }

#info #block1, #info2 #block1
    {
	width: 900px;
	height: 400px;
    margin: 0 5px 0 5px;
    background: transparent url(../bilder/startbild.gif) no-repeat;
    border-bottom: 1px solid #d4d4d4;
    }
    
#info #block2a, #block2b, #block2c, #block2d
    {
	width: 224px;
	height: 234px;
	float: left;
	display: block;
    }        
    
#info #block2a, #block2b, #block2c
    {
    border-right: 1px solid #d4d4d4;
    }    
    
#info #block2a
    {
	margin-left: 5px;
    }
    
#info2 #block1
    {
    background: none;
    background-color: #dddddd;
    border-bottom: none;
    }

#info2 .text1
    {
	width: 450px;
	float: left;
    }

#info2 .text2
    {
	width: 450px;
	float: right;
    }

#info2 h2
    {
    text-align: left;
	margin: 25px 0 0 20px;        
    }

h1
    {
	font: normal 18px/22px Arial, sans-serif;
	margin: 0;
	padding: 0;
	position: relative;
    top: 280px;
    left: 280px;
    width: 600px;
    }

h2
    {
	font: bold 15px/18px Arial, sans-serif;
    text-align: center;
    margin: 25px 0 0 0;
	color: #005DA6;
    }

#info p, #info2 p
    {
    margin: 0;
    padding: 10px 0px 0px 20px;
	font: normal 12px/18px Verdana, Arial, sans-serif;
    }

#info2 p, #info2 table
    {
	font: normal 13px/19px Verdana, Arial, sans-serif;
    }

#info a
    {
	text-decoration: none;
    }
        
#footer
    {
	width: 375px;
    height: 20px;
    margin: 15px 0 20px 510px;
    background: transparent url(../bilder/gu-logo.gif) no-repeat right bottom;
    }
    
#footer p
    {
	margin: 0;
    padding: 9px 0 0 0;
	font: normal 10px/10px Arial, sans-serif;
    }                

#login
	{
    float:right;
	margin: 43px 0 0 0px;
    width: 450px;
    height: 20px;
	text-align: right;
	}
#login a, #login p, #login span
    {
    float:right;
    padding:0 15px 0 0;
	margin: 0;
    text-decoration:none;
	font: normal 11px/15px Verdana, Arial, sans-serif;
    }                

#loginw
	{
	margin-left: -240px;
	position: absolute;
	z-index:2;
	top: 280px;
	left: 50%;
	width: 385px;
	height: <?php echo !empty( $login_failure ) ? '225' : '190'; ?>px;
	display: block;
	border: 1px solid black;
	padding: 40px;
	background: #fff;
	font: normal 13px/15px Verdana, Arial, sans-serif;
	}

#loginw p
	{
	width: 130px;
	margin: 0px 0 20px 0;
    float:left;
	}

#loginw p.t-ueber    
	{ 
	font: normal 22px/24px Verdana, Arial, sans-serif; 
	width: 100%;
	text-align: center;
	padding: 0px 0 15px 0;
	}

#loginw a
    {
    cursor: pointer;
    }
	
#loginw .popupClose
    {
    font-size:16px;
    line-height:16px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
  	text-decoration:none;
    }
	
#loginw input.text
	{
	width: 250px;
	margin: 0px 0 20px 0;
	background-color: #f2f2f2;
	border:1px solid #888888;
    float:right;
	}

#loginw input.submit
	{
	margin: 15px 0 0 0px;
	}

form
	{
	margin: 0;		
	}
	
.submit
	{
	font: normal 11px/12px Verdana, Arial, sans-serif;
	height: 25px;
	padding: 2px 5px 3px 5px;
	}	

#backgroundPopup
    {
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
    }
    
/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-center-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu {width:600px; height:20px; text-align:right; margin: 23px 0 0 0px; float:right;}

#menu ul {margin:0; padding:0; list-style:none; display:inline-block; white-space:nowrap; }

#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}

#menu ul.level1 {margin:0 auto; }
#menu ul.level1 li.level1-li {float:right; display:block; position:relative;}

#menu ul.level1 {background: transparent;}
#menu ul li div ul {background:#eee; padding:0 1px 1px 1px; border:1px solid #808080; border-width:1px 1px 1px 1px;}

#menu a {
        display:block; 
        font: normal 11px/15px Verdana, Arial, sans-serif; 
        line-height:25px; 
        text-decoration:none; 
        padding:0 15px 0 15px; 
        text-align:left; 
        background-color: transparent;
        }
        
#menu ul.level1 li.level1-li a.level1-a {float:left;}

#menu ul li:hover div {left:0px; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:0px;}
#menu ul li div ul li a {background:#fff;}

#menu a:hover div {left:0; top:23px;}

#menu a:hover div ul {position:relative; /*left:-50%;*/}

#menu li a:hover {color:#005DA6;}
#menu li:hover > a {color:#005DA6;}

#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}