/* 
	Global SCM - a xelos.net portal 
	developed by blueend web:applications AG
	 - www.blueend.com
*/

* html {overflow-x:hidden;}
html {overflow-y:scroll; }

body
{
	padding: 0;
	margin: 0;
	font-size: 0.75em;
	background:white;
	color:#8dc041;
	font-family: Arial, Helvetica, sans-serif;
}

.blue { color:#009dd5;}
.white{	color:white; }
.green {color:#8dc041;}

#container {
	margin:auto;
	width:990px;
	position:relative;
	padding-top:200px;
}

#container #logo{
	position:absolute;
	background:url(../images/login/logo.gif) no-repeat;
	width:184;
	height:0px;
	padding-top:85px;
	overflow:hidden;
	top:15px;
	left:10px;
}

/* Teaser Block */

#teaser {
	position: absolute;
	width:770px;
	height:510px;
	top:120px;
	left:0px;
	padding:0px 30px;
	background:url(../images/login/silver_bg_03.jpg) repeat-y;
}
#teaser h1{
	font-size:18px;
	font-weight: normal;
	padding:20px 15px 0px 30px;
	background:url(../images/login/silver_bg_01.jpg) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	margin:0;
}
#teaser div.bg{
	position:absolute;
	background:url(../images/login/gs_intro.jpg) no-repeat 0px 100px;
	top:50px;
    
}
#teaser div.bg_bottom{
	background:url(../images/login/silver_bg_05.jpg) no-repeat bottom left;
	height:20px;
	position: absolute;
	bottom:0px;
	left:0px;
	width:830px;
}
#teaser div.descr-block{
	width:255px;
	height:440px;
	float:left;
	color:black;
	position:relative;
}

#teaser div.descr-block div.top{
	height:100px;
	color:white;
	padding-left:25px;
	background:#7aad00 url(../images/login/green_bg.jpg) no-repeat 0px 0px;
}

#teaser div.descr-block div.top h2{
	font-size:18px;
  color: white;
	font-weight: normal;
	padding-top:8px;
}

#teaser div.descr-block div.bottom{
	height:90px;
	position: absolute;
	bottom:0px;
}
#teaser div.descr-block div.b1{
	height:120px;
	padding-left:5px;
}
#teaser div.descr-block div.b2,
#teaser div.descr-block div.b3{
	padding:10px 10px 5px 25px;
	bottom:13px;
	left:10px;
	border:1px solid #8dc041;
}
#teaser div.descr-block div.b2 h3,
#teaser div.descr-block div.b3 h3{
	margin-bottom:5px;
}

#teaser div.descr-block div.b3{
	border:1px solid #009dd5;
	left:13px;
}

#teaser div.descr-block div.bottom h3{
	font-size:16px;
	font-weight: normal;
}

/* Sidebar */
#sidebar #iml{
    position:relative;
    background:#ffffff url(../images/login/sidebar_iml.jpg) top left no-repeat;
    width:174px;
    height:0px;
    padding-top:87px;
    overflow:hidden;
    top:0px;
    right:0px;
}

.start_iml{
    position:absolute;
    top:32px;
    right:10px;
    height:30px;
    width:165px;
    }

#sidebar #grow{
    position:relative;
    background:#ffffff url(../images/login/start2.jpg) top left no-repeat;
    width:174px;
    height:0px;
    padding-top:159px;
    overflow:hidden;
    top:0px;
    right:0px;
}

.start_grow{
    position:absolute;
    top:25px;
    right:15px;
    height:90px;
    width:142px;
}


#sidebar {
	position:absolute;
	right:0px;
	top:125px;
	width:175px;
}

#sidebar div.side_item{
	margin-bottom:10px;
	background:url(../images/login/side_nav_02.jpg) repeat-y left;
	zoom:1;
}

#sidebar div.side_item div.wrapper{
	background:url(../images/login/side_nav_blue.jpg) no-repeat 2px top;
}

#sidebar div.side_item div.wrapper h2{
	color:white;
	font-size: 16px;
    font-weight:normal;
	padding-left:30px;
	padding-top:4px;
}

#sidebar div.side_item div.wrapper div.login_button{
	text-align: right;
}

#sidebar div.side_item div.wrapper div.login_options input{
	width:auto;
	display:inline;
}
#sidebar div.side_item div.wrapper div.login_options div,
#sidebar div.side_item div.wrapper div.login_options label{
	width:auto;
	color:#009dd5;
	display:inline;
	padding:0px;
}

#sidebar div.side_item div.form_row input{
	width:96%;
}

#sidebar div.side_item label{
	text-align: left;
}

#sidebar div.side_item div.content{
	padding:15px;
	background:url(../images/login/side_nav_03.jpg) no-repeat bottom left;
}

div.copyright{
	position: absolute;
	top:635px;
	left:20px;
}

div.copyright,
div.copyright a {
	color:#bbb;
}
a.start {color:black;}
a.ueber {color:#8DC041;}
a.mitglied {color:#fff; text-decoration:none;}

/* ICONS and BUTTONS */

.btn {
    background: url(../images/btn.gif) no-repeat right center;
    padding:1px 20px 1px 10px;
  margin: 0;
    text-decoration:none;
    cursor: pointer;
    display: inline;
    line-height: 18px;
    color:#5e6a9c;
}

a.btn:hover{
    background-color:#5E6A9C;
    color:white;
    text-decoration: none;
}

.lobtn {
    background: url(../images/arrow_blue.gif) no-repeat right center;
    padding:1px 20px 1px 10px;
  margin: 0;
    text-decoration:none;
    cursor: pointer;
    display: inline;
    line-height: 18px;
    color:#009DD5;
}


*+html .btn {
    line-height:18px!important;
    padding:4px 20px 4px 10px;
    border:none!important;
    zoom:1;
}

* html .btn {
    line-height:12px;
    border:none!important;
}

.btn.large
{
    padding: 5px 15px 5px 20px;
  background: url(../images/btn_lg.gif) repeat-x left center;
    border: none;
    font-weight: bold;
    color:white;
    line-height:16px;
    zoom:1;
}

*+html .btn.large {
    line-height:10px;
    padding: 4px 15px 3px 20px;
}

a.btn.large.default,
input.btn.large.default,
button.btn.large.default
{
  width:110px;
  display:block;  
  line-height: 27px;  
  background: url(../images/btn_hl.gif) repeat-x left center;
}

a.btn.large:hover,
input.btn.large:hover{
    color:white;
    background: url(../images/btn_hl.gif) repeat-x left center;
    text-decoration: none;
}

a.btn.large.default:hover,
input.btn.large.default:hover{
    background: url(../images/btn_lg.gif) repeat-x left center;
}


/* FORM STYLES */

.form input,
.form textarea,
input,
textarea
{
    font-size:11px;
  border: 1px solid #ccc;
    border: expression((this.type=="radio" || this.type=="checkbox")? 'none' : '1px solid #ccc');
    padding: 2px;
}

input.btn{
    font-size:12px;
}

/* IE 7 */
*+html input.btn.large{
    position:relative;
    top:1px;
    padding: 3px 0px 4px 10px;
}

*+html input.btn{
    border: 1px solid #ccc!important;
    padding-top:0px;
    padding-bottom:0px;
}

*+html input.large{
    border:none!important;
    padding-top:0px;
    padding-bottom:0px;
}

.form input:focus,
.form textarea:focus,
.ghostform input:focus,
input:focus,
textarea:focus
{
  border: 1px solid #8FC743;
  background-color: #FFE;
}

select
{
    border: 1px solid #ccc;
    padding: 1px;
}

.ghostform input{
    border-color:white;
    border-bottom-color:#ddd;
}