/* ----- generic ----- */
* { margin: 0px; padding: 0px; }

html {
	color: #000;
	direction: ltr;
	font: normal 12px/16px verdana, arial, helvetica, sans-serif;
}

body {background: #E3E8EC;}

h1 {
	color: #000;
	font: bold 16px/21px verdana, arial, helvetica, sans-serif;	
	margin-bottom: 15px;
	padding-top: 10px;
}

h2 {
	font: bold 14px/18px verdana, arial, helvetica, sans-serif;
	margin: 15px 0 5px;
} 

h3 {
	font:bold 12px/16px verdana, arial, helvetica, sans-serif;
	margin: 15px 0 5px;
}

p {
	font:normal 12px/16px verdana, arial, helvetica, sans-serif;
	margin-bottom: 10px;
}

/* ----- Hypertext Module ----- */
a         { color:#14C; text-decoration:none; }
a:visited { color:#57F; }
a:hover   { text-decoration: underline; }
a:active  { text-decoration: none; }
a img     { border:0; }


/* ----- Auxiliary Module ----- */
#main    { 
	background:url(../img/bg/bg-main-lp.gif) repeat-y top left; 
	position:relative;
	margin: 0px 10px;
	padding:0px 13px 0px 12px;
	width: 790px;
}

* html #main {width /**/: 815px;} /* IE 5.x */


/* ----- Header Modul ----- */
#header {
	background: url(../img/header.jpg) top left no-repeat;
	height: 96px;
	margin: 0px 10px;
	position:relative;
	width: 815px;
}
#header-end { 
	background:url(../img/bg/bg-main-start.gif) no-repeat top left; 
	height:13px; 
	margin:0px 10px;
	overflow: hidden;
	width:815px; 
}
a#logo {
    background: url(../img/bg/logo-webde.gif) no-repeat left top;
	display:    block;
    height:     60px;
    left:       53px;
	position:   absolute;
	top:        22px;
    width:      64px;
	z-index:    10;
}
a#service {
    background:    url(../img/header/icon-service.gif) no-repeat left top;
	border-right:  1px solid #97A3C0;
	display:       none;
	height:        16px;
	left:          755px;
    padding-right: 4px;
	position:      absolute;
	top:           18px;
	width:         16px;
    z-index:       10;
}
* html a#service {width /**/: 21px;} /* IE 5.x */

a#help {
    background:   url(../img/header/icon-help.gif) no-repeat left top;
	display:      none;
	height:       16px;
	left:         781px;
	position:     absolute;
	top:          18px;
	width:        16px;
    z-index:      10;
}
a#portal {
	display:  block;
	height:   80px;
	left:     4px;
	position: absolute;
	top:      12px;
	width:    807px;
	z-index:  1;
}
#header a span { display:none; }


/* ----- Footer Module ----- */
#footer { 
	background:url(../img/footer.gif) 10px 0px no-repeat;
	font-size:11px;
	height:45px;
	padding:13px 13px 15px 22px;
	position:relative;
	text-align:center;
	width:790px;
}
* html #footer {width /**/: 825px;} /* IE 5.x */


#footer li {display:inline;}
#footer a  { color:#000; }



/* Containing Floats */
/****************************************************************/
.clearfix:after {
	content: "."; /* This dot is the actual appended content */
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	}
.clearfix {display: inline-block;} /* Fixes MacIE */
/* Hides from MacIE \*/
.clearfix {*height: 1%;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */


/* ----- Navigationslinks ----- */
.inpagenav  { padding:0px; margin:0px; float:right;}
.inpagenav .forwardlink {
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/navi/pfeil.gif) no-repeat 0px 6px;
	float:      right;
	padding-left: 10px;
	padding-top:   1px;
}

/* ----- Liste ----- */
#content ul    { margin-top:0; margin-bottom:10px; }
#content ul, 
#content ul *  { list-style:none; line-height:16px; }


#content .step {padding:4px 0 10px 30px;}


#content ul li { background:url(../img/bullet-point.gif) no-repeat 0px 7px; display:block; padding-left:10px; margin:0 0 5px !important;}


/* Fix the IE/Win Disappearing List-Background Bug: */
* html #content ul { height:1px; overflow:visible; margin:0px; }
*+html #content ul { height:1%; }

/* ----- Linkliste ----- */
#content ul.related    {margin:0 0 20px 0;}
#content ul.related li {background:url(../img/navi/pfeil.gif) no-repeat 0px 6px; list-style:none; padding-left:10px; margin:5px 0; font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;}
#content ul.related p  {font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}


/* ----- Intro Seiten ----- */

.x10 { width: 790px;}
.x10 .module { background:url(../img/bg/bg-top-x10.gif) no-repeat top left; padding-top:5px; margin-bottom:10px;}
.x10 .module .modulecontent {background:url(../img/bg/bg-bottom-x10.gif) no-repeat bottom left; padding-bottom:10px; xmargin-bottom: 150px;} 
.x10 .module.important {padding-top: 3px;}
.x10 .module.important, 
.x10 .module.important .modulecontent {background-color:#f6f8fa;}

.intro {margin-bottom:10px;}
.intro .visual {height:272px;width:390px;float:left;margin:0px;padding:0px;}
.intro .features {float:right; width:400px; height:272px;margin:0px;padding:0px;}

.intro h1 {margin:0px 17px 10px;}
.intro p  {margin:0px 17px 10px;}
.intro h3 {margin:0px 17px 10px;}
.intro .features ul {}
.intro .features ul li {background:url(../img/bullet.gif) no-repeat 0px 0px !important; padding-left:25px !important; margin-bottom:15px;}

.note   {font-size:11px; color:#999; margin-bottom:0px;}

/* Login Formular */
#login-x10 {clear:both;}
#login-x10 .modulecontent {background:url(../img/bg/bg-bottom-x10-login.gif) no-repeat bottom left !important; padding-bottom:5px;}
#login-x10 legend {display: none;}
#login-x10 fieldset {border: none; display: inline; width: 600px;}

#login-x10 .index	{ margin: 0px 8px 5px 8px; border-bottom: 1px solid #CED4DA; font-size: 11px; height:20px; line-height:20px; }
#login-x10 .index a.help    { float:right; display:none;}
#login-x10 .login-content { background: #f6f8fa; width: 788px; margin: 0px 1px; height:25px; padding: 5px 0px;}
#login-x10 .login-footer    { clear:left; margin: 0px 1px; height:20px; line-height:20px;}

#login-x10 #loginform {float: left; margin: 0px 8px; font-size: 12px; line-height: 15px; width: 600px; display: inline;}
#login-x10 #loginform label {vertical-align: 0px;}
#login-x10 #submitbtn {vertical-align: -3px; margin-bottom: -3px;}
:root #login-x10 #submitbtn {vertical-align: -1px;}		/* ff, opera */
* html #login-x10 #submitbtn {vertical-align: -5px;}

#login-x10 #inpLoginUsername, 
#login-x10 #inpLoginPasswd {width: 170px; margin: 0px 8px 0px 8px; font-size: 12px; padding: 1px 0px 0px 1px; vertical-align: 0px;}
* html #login-x10 #inpLoginUsername, 
* html #login-x10 #inpLoginPasswd {vertical-align: -3px;}

#login-x10 #ssl, #login-x10 #passwort_vergessen {font-size: 12px; padding-right: 8px; float: right;}
#login-x10 #register {float:left; font-size: 12px; padding-left: 8px; }
#login-x10 #ssl {padding-top:3px;}
#login-x10 #register,  #login-x10 #passwort_vergessen {margin-top:8px#;} /*safari*/