/* 
 * stylesheet: hagebau-marketing-portal
 * used only at login page 
 */
@import url("reset.css");

/* BASICS */

html {
	width:100%;
	height:100%; 
}

body{ 
	color: #666666; 
	font-size: 11px; 
	font-family:Arial, Helvetica, sans-serif; 
}

h1{	
	margin: 0 0 10px 5%;
	color:#006633;
	font-size:14px;
	font-weight:normal;
}

h2 {
	margin-bottom: 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

label{
	font-size:11px;
	font-weight:bold;
	margin:5px 0 5px 0;
	display:block;
}

a { 
	color:#006633; 
	text-decoration: none;
}

a:hover  { text-decoration: underline; }

.clear { clear:both; }

.error {
	height:42px;
	color:#C00;
}


/* Grundaufbau */

#maincontainer {
	width:100%;	
	height:100%;
}

#headlogin {
	width:100%;
	height:105px;
	position:absolute;
	top:0px;
	z-index:0;
	background: #fff url(../gfx/head/header_background.jpg) repeat-x;
}

#login_box {
	width:218px;
	position:absolute;
	z-index:30;
	top:0px;
	left:70%;
	color:#666666;
}

#loginbox_level1 {
	padding: 20px 10px 10px 10px;
	width:198px;
	background-color:#7FAE96;
	color:#666666;
	height:155px;
}

#loginbox_levelbau {
	padding: 20px 10px 10px 10px;
	width:198px;
	background-color:#7FAE96;
	color:#666666;		
}


#loginbox_level2 {
	width:208px;
	height: 50px;
	background: url(../gfx/login/login_level2.gif) no-repeat;
	padding: 40px 0px 0px 10px;
	position:relative;
}

#login_logo {
	position:absolute;
	z-index:1;
	top:110px;
	left:5%;
	width:614px;
	height:189px;
	background: #fff url(../gfx/login/login_logo.jpg) no-repeat;
}

#login_belt {
	position:absolute;
	z-index:20;
	top:320px;
	left:0px;
	width:100%;
	height: 240px;
	background-color:#FCFCFC;
	border:5px solid #F0F0F0;
	border-left: none;
	border-right: none;
	color: #666666;
}

#login_belt p {
	width: 700px;
	margin: 0 0 10px 5%;
	color: #666666;
}

#login_belt p.green {
	color:#006633;
}

#modules_pic{
	margin: 0 0 0 5%;
}


.floatbox {
	margin: 0 0 0 6%;
	width: 800px;
}

.loginbelt_floatleft {
	float:left;
	margin-right:30px;
}

#login_belt ul {
	padding:0;
	margin:0 0 15px 0;		
	list-style-image:url(../gfx/login/login_dots.gif);
}

.baustelle{color:#FFF;}


/* form elements */
#username, #password{ 
	width:184px;
	padding:3px;
	color:#006633;
	font-weight:bold;
}


#btn_login { 
	position: absolute;
	right:10px;
	top:12px;
	font-size: 12px;
	font-weight:bold;
	width: 80px; 
	height: 20px;
	display:block;
	border: none; 
	color:#006633; 
	background-color: #9AC2AE; 
	cursor:pointer;
	text-transform:uppercase; 
}