/* ----- generic ----- */
* { margin: 0px; padding: 0px; }
html {
	color: #000;
	direction: ltr;
	font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}
body { background: #D4E3F8; }
h1 {
	color:         #2269C3;
	font:          20px verdana, arial, helvetica, sans-serif;	
	margin-bottom: 15px;
	padding-top:   20px;
}
h2 {
	font:   bold 14px verdana, arial, helvetica, sans-serif;
	margin: 15px 0 18px;
} 
h3 {
	font:   bold 12px verdana, arial, helvetica, sans-serif;
	margin: 15px 0 5px;
}
p {
	font:normal 12px/16px verdana, arial, helvetica, sans-serif;
	margin-bottom: 10px;
}

/* ----- hypertext ----- */
a          { color:#2269C3; text-decoration:none; }
a:visited  { color:#2269C3; }
a:hover    { text-decoration: underline; }
a:active   { text-decoration: none; }
a img      { border:0; }

/* ----- auxiliary ----- */
#main    { 
	background:url(../img/bg/bg-main.gif) repeat-y; 
	position:relative;
	margin: 0px 10px;
	padding:0px 33px 0px 33px;
	width: 790px;
}
* html #main {width /**/: 815px;} /* IE 5.x */

/* ----- header ----- */
#header {
	background: url(../img/bg/bg-header.png) no-repeat left top;
	height: 92px;
	margin: 10px 10px 0px;
	position:relative;
	width: 856px;
}
a#logo {   
	background: url(../img/logo/logo-gmx.gif) no-repeat left top;
    display:    block;
    height:     37px;
    width:      133px;
	position:   absolute;
    left:       33px;
	bottom:     20px;
	z-index:    10;
}
a#product {
	background: url(../img/txt/txt-filestorage.gif) no-repeat left top;
    display:  block;
	height:   40px;
	width:    300px;
	position: absolute;
	left:     155px;
	bottom:   16px;
	z-index:  10;
}
a#help {
	display:  block;
	position: absolute;
	right:    32px;
	bottom:   17px;
	z-index:  1;
    color:    #B5CEEC;
    font-size: 10px; 
}
#header a span      { display: none; }
#header a#help span { display: block; }

/* ----- footer ----- */
#footer { 
    position:    relative;
    background:  url(../img/bg/bg-footer.gif) top left no-repeat; 
	clear:       both;
    font-size:   11px; 
    line-height: 13px;
	margin:      0px 10px; 
	height:      100px; 
	width:       856px;
    z-index:     1000;
}
#footer .footerLogo           { position: absolute; top: 10px; left: 33px; z-index: 1010; }
#footer .footerLogo *         { display: block; }
#footer .footerLinks          { padding: 50px 23px 0px 132px; }   
#footer .footerLinks li       { float: left; padding-right: 4px; list-style: none; }
#footer .footerLinks li.last  { float: right; color: #47576B; padding-right: 0px; }
#footer .footerLinks a        { color: #244E7E; padding-right: 4px; }
#footer .footerLinks span     { color: #244E7E; font-size: 10px; position: relative; top: -1px; }


/* containing floats */
/****************************************************************/
#main:after {
	content: "."; /* this dot is the actual appended content */
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
#main {display: inline-block;} /* fixes MacIE */
/* hides from MacIE \*/
#main {*height: 1%;}
* html #main {height: 1%;}
#main {display: block;}
/* end hide */

/* ----- hint-/error-boxes ----- */
* html .module   { height: 1%; }
.error, .warning { margin-bottom:17px; }
.error   .moduleContent .modulePart,
.warning .moduleContent .modulePart    { padding:10px 0px 10px; margin-top:0px; }
.error   .moduleContent .modulePart h3,
.warning .moduleContent .modulePart h3 { margin:7px 10px 0px 62px; padding-bottom: 0px; }
.error   .moduleContent .modulePart p,
.warning .moduleContent .modulePart p  { margin:0px 10px 0px 62px; }
.error   .moduleContent .modulePart ul,
.warning .moduleContent .modulePart ul { margin:0px 10px 0px 62px; }
.error   .moduleContent .modulePart .marked { font-weight:bold; color:red;}
.error   .moduleContent,
.warning .moduleContent { background:no-repeat left top; padding-top:5px; min-height:50px; }
.error   .moduleFooter,
.warning .moduleFooter  { background:no-repeat left bottom; height:5px; font-size:1px; }
.m10 .error   .moduleContent { background-image: url(../img/bg/bg-module-top-error-m10.gif); }
.m10 .error   .moduleFooter  { background-image: url(../img/bg/bg-module-bottom-error-m10.gif); }
.m10 .warning .moduleContent { background-image: url(../img/bg/bg-module-top-warning-m10.gif); }
.m10 .warning .moduleFooter  { background-image: url(../img/bg/bg-module-bottom-warning-m10.gif); }

.warning .moduleContent .modulePart p  { margin-top:20px; }
.warning .moduleContent .modulePart ul { margin-top:10px; }

/* ----- lists ----- */
.module ul, 
.module ul *  { list-style: none; line-height:16px; }
.module ul li { background:url(../img/icon/bullet-point.gif) no-repeat 0px 6px; display:block; padding-left:12px; margin:0px 0px 5px 10px; }

/* ----- visual ----- */
.visual { float:right; margin:25px 0px 0px 20px; display:inline; position:relative; left:30px;}


/* -------- welcome-window ------- */
#welcome-window {width:543px; background:#fff; padding-left:20px; padding-top:20px;}
#welcome-window h1 {background:#fff url(../img/txt/filestorage_ww_headline.gif) no-repeat 0 0 ; height:34px; overflow:hidden; text-indent:-999px; margin:0px; padding:0px;}
#welcome-window h2 {color:#2269C3; margin:10px 0px 25px; font-size:12px;}
#welcome-window .visual {float:right; margin:0px; position:relative; overflow:hidden; width:304px; top:-35px;  left:0px;}
#welcome-window .module ul {width:230px; background:#e0;}
#welcome-window .module ul li { background:url(../img/icon/bullet.gif) no-repeat 0px 0px; display:block; padding-left:21px; margin:0px 0px 10px 0px; }