/* B: Auxiliary module
		/* ----------------------------------------------- */
		#container {
			margin: 10px auto;
			width: 856px;
		}

		#nav-skip {
			text-align: right;
		}

		#nav-skip a {
			color: #FFF;
			font-size: 11px;
			height: 1px;
			left: 0;
			overflow: hidden;
			position: absolute;
			top: -500em;
			width: 1px;
		}

		#nav-skip a:active, #nav-skip a:focus {
			left: 615px;
			height: auto;
			top: 22px;
			width: 150px;
		}
		/* ----------------------------------------------- */


		/* B: Toplevel Navigation
		/* ----------------------------------------------- */
		#nav-top {
			background: url(http://images.gmx.com/images/gmx/com/us/common/top-bg.jpg) no-repeat;
			height: 92px;
			position: relative;
		}
		a#logo {
			left: 32px;
			position: absolute;
			top: 35px;
		}
		#nav-top h1 {
			left: 155px;
			position: absolute;
			top: 37px;
		}

		#loginbox{
			height: 26px;
			position: absolute;
			right: 50px;
			top: 20px;
			width: 435px;
		}
		#loginbox input{
			border: 0;
			color: #689AD4;
			padding: 5px;
			width: 143px;
			position: absolute;
		}
		#loginbox input#email{
			width: 163px;
      			right: 260px;
			top: 0px;
		}
		#loginbox input#password{
			width: 166px;
			right: 75px;
			top: 0px;
		}
    
		#loginbox button{
			border: 0;
			height: 26px;
			width: 63px;
			position: absolute;
			right: 0px;
			top: -1px;
		}

		#help{
			position: absolute;
			top: 25px;
			right: 28px;
		}
		#help a{
			color: #C3CEF9;
			margin-left: 32px;
			text-decoration: none;
		}
		#help a:hover { text-decoration: underline; }


		#headerlinks{
			position: absolute;
			top: 59px;
			right: 0px;
			width: 310px;
		}
    
		#headerlinks a{
			color: #C3CEF9;
			text-decoration: none;
		}
		#headerlinks a:hover { text-decoration: underline; }
    
		#accessHelp {
			right: 50px;
			width: 250px;
			position: absolute;
		}

		#signup {
			right: 10px;
			width: 100px;
			position: absolute;
		}

		/* ----------------------------------------------- */


		/* B: Content module
		/* ----------------------------------------------- */
		#main {
			text-align: center;
			width: 100%;
		}
		div.content {
			background: url(http://images.gmx.com/images/gmx/com/us/common/content-bg.gif) repeat-y;
			text-align: left;
			padding: 0 2px 0 3px;
		}
		div#content-end {
			background: url(http://images.gmx.com/images/gmx/com/us/common/bottom-bg.gif) no-repeat bottom left;
			height: 20px;
		}
		hr#content-bottom {
			/* -- needed for a dynamic height of content */
			border:1px solid #FFF;
			margin:5px; 
			clear: left;
		}
		/* ----------------------------------------------- */


		/* B: Supply module A (General dfn)
		/* ----------------------------------------------- */
		.supply.a {
			
		}
		.supply.b {
			padding: 20px 28px 0 28px;
		}

		.aux.x1 {
			float: left;
			width: 320px; 
		}

		.aux.x2 {
			margin: 0 0 0 342px;
		}

		.supply.ab {
			margin: 0 auto;
			text-align: left;
			width: 619px;
		}
    
		.case-header {
			white-space: nowrap;
		}
    
    .offsetLeft {
      margin-left: -10px;
    }
    
		/* ----------------------------------------------- */


		/* B: Supply module B (Special assignments)
		/* ----------------------------------------------- */
		
		/* ----------------------------------------------- */


		/* B: Hint, Error, Warning Messages
		/* ----------------------------------------------- */
		div.hint {
			background: url(http://images.gmx.com/images/gmx/com/us/common/content-bg.gif) repeat-y;
			margin: 0;
			padding: 20px 0 0 0;
			width: 858px; /* IE 5.x */
			voice-family: "\"}\"";
			width: 856px;
			voice-family: "\"}\"";
		}

		#grid div.hint {
			border: 0;
			float: none;
			margin: 10px -6px 0 0; /* IE 5.x */
			voice-family: "\"}\"";
			margin: 10px -4px 0 0;
			voice-family: "\"}\"";
		}

		.supply.ab div.hint {
			width: 619px;
		}

		div.hint h1 {
			font-size: 12px;
			line-height: 15px;
			padding: 0;
			margin: 10px 0 10px 9px ;/* IE */
			voice-family: "\"}\"";
			margin: 10px 0 10px 12px;
			voice-family: "\"}\"";
		}

		div.hint p {
			color: #000;
			font-size: 11px;
			line-height: 14px;
			margin: 1px 10px 0 5px;
		}

		div.hint ul {
			font-size: 11px;
			font-weight: 700;
			list-style-type: none;
			margin: 0 0 5px 5px;
		}

		div.hint ul a {
			font-weight: 400;
			margin-left: 0;
		}

		div.hint li {
			margin: 0 0 6px 0;
		}

		div.hint li p {
			margin-left: 0;
		}

		div .hint a {}

		div.hint div {
			margin: 0 119px 0px 118px;
			padding: 10px 5px 20px 59px;
			text-align: left;
		}

		div.hint div div {
			display: none; /* web.de use only */
		}

		div.hint .error {
			background: #FFF url(http://images.gmx.com/images/gmx/com/us/common/icon/error.png) 15px 7px no-repeat;
			border: 1px solid #DF2121;
			color: #DF2121;
		}

		div.hint .error h1 {
			color: #DF2121;
		}

		div.hint .success {
			background: #FFF url(http://images.gmx.com/images/gmx/com/us/common/icon/confirm.png) 15px 7px no-repeat;
			border: 1px solid #2D9D3B;
			color: #2D9D3B;
		}

		div.hint .success h1 {
			color: #2D9D3B;
		}

		div.hint .warning {
			background: #FFF url(http://images.gmx.com/images/gmx/com/us/common/icon/warning.png) 15px 7px no-repeat;
			border: 1px solid #FF6100;
			color: #FF6100;
		}

		div.hint .warning h1 {
			color: #FF6100;
		}

		div.hint .debug {
			background: #EEE;
			border-style: double;
			padding: 10px 0;
		}
		div.hint .special {
			padding: 1px 5px;
		}

		div.hint .special h1, div.hint .special p {
			font-size: 11px;
		}

		div.hint .special h1 {
			margin: 10px 0 -8px 10px;
			text-transform: uppercase;
		}

		div.hint .special p {
			margin: 10px 10px;
		}

		div.hint .special ul {
			color: #000;
			font-weight: 400;
			margin-bottom: -10px;
			padding-bottom: 10px;
		}

		div.hint .success.special, div.hint .warning.special, div.hint .error.special {
			background-image: none;
		}
		/* ----------------------------------------------- */


		/* B: Text, note, and assistance module
		/* ----------------------------------------------- */
		.note {
			color: #999;
			font-size: 10px !important;
			line-height: 12px !important;
			margin-bottom: 10px !important;
			padding: 0 !important;
		}

		.emph, .emph * {
			color: #900 !important;
		}

		p.warning {
			color: #CE1815;
		}

		.off {
			left: -999em;
			position: absolute;
			top: -999em;
		}
		/* ----------------------------------------------- */


		/* B: Home
		/* ----------------------------------------------- */
		div#home h1{
			font-size: 20px;
			font-weight: 400;
			padding: 0 0 5px 0;
		}
		
		
		div#home ul{
			font-size: 12px;
			list-style-type: disc;
			list-style-position: inside;
			margin-left: 0;
		}

		

		div#features {
			background: url(http://images.gmx.com/images/gmx/com/us/home/line-bg.gif) repeat-y 317px;
		}

		div#features ul {
			background: url(http://images.gmx.com/images/gmx/com/us/home/line-bottom.gif) no-repeat 317px bottom;
			list-style-type: none;
			margin: 0;
			padding: 0 0 30px 0;
		}

		div#features ul li {
			margin-bottom: 20px;
		}

		div#features ul li.first {
			background: url(http://images.gmx.com/images/gmx/com/us/home/line-top.gif) no-repeat 317px top;
		}

		div#features h2 {
			font-weight: 400;
			font-size: 17px;
			line-height: 31px;
			padding: 0 0 0 43px; 
		}

		div#features ul li ol {
			list-style-type: none;
			margin: 0;
		}

		div#features ul li ol li {
			line-height: 30px;
			margin-bottom: -5px;
			padding-left: 12px;
			text-indent: 0px;
		}

		div#features li a {
			color: #000;
			font-size: 12px;
			text-decoration: none;
		}

		div#features li a:hover {
			text-decoration: underline;
		}
		

		div#features li.active {
			background: url(http://images.gmx.com/images/gmx/com/us/home/features-active.gif) no-repeat;	
			font-weight: 700;
		}


		div#detail {
			margin-top: 30px;
		}

		div#detail div {
			display: none;
			padding: 10px 0 0 0;
		}

		div#detail h2 {
			color: #000;
			font-size: 14px;
			font-weight: 700;
			padding-bottom: 8px;
			line-height: 21px;
		}
		
		div#detail h3 {
			/* color: #000;
			font-size: 12px;
			margin: 0pt 0pt 7px; */
			font-weight: 700;
		}
		
		div#detail li {
			color: #000;
			font-size: 12px;
			padding-bottom: 5px;
		}

		div#detail .box-top {
			background: url(http://images.gmx.com/images/gmx/com/us/home/box.gif) no-repeat 0 top;
			display: block;
			margin: 25px 0 0 0;
			padding: 7px 0 0 0;
		}

		div#detail .box {
			background: url(http://images.gmx.com/images/gmx/com/us/home/box.gif) no-repeat 0 bottom;
			display: block;
			padding: 0;
		}
		
		.withBottomBorder {
			margin: -4px 8px 0pt;
			padding: 0pt 0pt 5px;
			border-bottom: 1px solid #CED4DA;
		}
		
		div#detail .box h3 {
			border-bottom: 1px solid #CED4DA;
			color: #47576B;
			font-size: 11px !important;
			margin: 0 25px 0 10px;
			padding: 0 0 3px;
		}

		div#detail .box p {
			padding: 0 10px;
		}

		div#detail .box .boxform {
			display: block;
			margin: 0 0 0 10px;
		}

		div#detail .box .boxform-control {
			display: block;
			padding: 0;
			text-align: center;
		}

		div#detail .box div.boxform input[type=text] {
			border: 1px solid #CED4DA;
			color: #47576B;
			padding: 1px 0;
		}

		div#detail .box .boxform-control button {
			background: transparent;
			border: 0;
			margin: 10px;
			padding: 0;
			cursor: pointer;
		}
		/* ----------------------------------------------- */


		/* B: Footer module (+ content-footer)
		/* ----------------------------------------------- */
		body > #footer { /* MOSe */
			clear: both;
		}

		#footer, #footer a, #content-footer, #content-footer a {
			color: #113C70;
			text-decoration: none;
		}
		#footer a:hover, #content-footer a:hover { text-decoration: underline; }

		#footer ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 5px 0 20px 0;
			text-align: left;
			white-space: nowrap;
			width: 460px; /* IE 5.x */
			voice-family: "\"}\"";
			width: 450px;
			voice-family: "\"}\"";
		}
		#footer ul.right {
			float: right;
			text-align: right;
			width: 200px;
		}

		#footer ul li, #content-footer ul li  {
			display: inline;
			line-height: 16px;
		}

		#footer ul#footer-aux {
			float: right;
			padding-top: 10px;
			text-align: right;
			width: 180px; /* IE 5.x */
			voice-family: "\"}\"";
			width: 170px;
			voice-family: "\"}\"";
		}

		#footer ul#footer-aux li {
			display: block;
		}
		
		div#content-footer {
			color: #47576B;
			/*border-top: 1px solid #607FBD;
*/
			height: 45px;
			padding-top: 20px;
			margin: 70px 20px 0 20px;
			/*position: relative;
*/

		}
		div#content-footer div {
			border-top: 1px solid #607FBD;
		}
		div#content-footer img {
			float: left;
 
			margin: -18px 0 0 10px;
			/*position: absolute;
*/
			top: -18px;
			left: 10px;
		}
		
		div#content-footer ul {
			float: left;
			margin: 0;
			padding: 20px 0 0 15px;
;
		}
		div#content-footer ul.right {
			float: right;
			padding: 20px 0 0 0;
			text-align: right;
			width: 325px;
		}
		/* ----------------------------------------------- */


		/* B: Help module
		/* ----------------------------------------------- */
		div.input-error {
			color: #999999;
			background: transparent url(http://images.gmx.com/images/gmx/com/us/common/icon/error-small.gif) no-repeat scroll 0%;
			font-size: 10px !important;
			margin: 4px 0 6px 0;
			padding-left: 20px;
			line-height: 16px;
		}
		tr.error th label {
			color: #FF0000;
		}
		tr.error td input, tr.error td select, tr.error td textarea {
			border: 1px solid #FF0000 !important;
		}
		/* ----------------------------------------------- */