/* ########## styles main ########## */

html { height: 100%; }
body {
	position: relative;
	margin: 0;
	background: #eef0f2 url(http://www.q-dsl-home.de/bg_body.gif) repeat-x;
	padding: 0;
	text-align: left;
	font: 13px Arial, Helvetica, Verdana, Tahoma, sans-serif;
	color: #333;
}

a:link { color: #3c801a; text-decoration: underline; }
a:visited { color: #3c801a; text-decoration: underline; }
a:hover { color: #3c801a; text-decoration: underline; }
a:active { color: #3c801a; text-decoration: underline; }

img { display: block; border: 0; }

h1 {
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: bold;
	color: #3c801a;
}
h2 {
	margin: 0 0 16px;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
h3 {
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

hr {
	margin: 0 0 16px;
	border: none;
	height: 1px;
	color: #bfbfbf;
	background: #bfbfbf;
}

p {
	margin: 0 0 16px;
	line-height: 16px;
}
p img { display: inline; }

sup {
	position: relative;
    bottom: 0.4em;
	vertical-align: baseline;
	font-size: 10px;
}
h1 sup {
    bottom: 0.5em;
	font-size: 11px;
}
/* IE6 bzw. IE7 !!! */
/* Hides from IE-mac \*/
* html h1 sup,
*+html h1 sup {
    bottom: 0.6em;
	font-size: 13px;
}
/* End hide from IE-mac */

sub {
	position: relative;
    bottom: -0.2em;
	vertical-align: baseline;
	font-size: 10px;
}

ul {
	margin: 0 0 18px 20px;
	padding: 0;
}
ol {
	margin: 0 0 18px 25px;
	padding: 0;
}
li {
	margin-bottom: 5px;
	line-height: 16px;
}
ul li { list-style: square; }

/* ########## forms ########## */

form { margin: 0 0 16px; }
input, selectbox, textarea { font: 11px Arial, Helvetica, Verdana, Tahoma, sans-serif; }
.frm {
	margin-bottom: 2px;
	border: 1px solid #bfbfbf;
	background: #fff;
	padding-left: 3px;
	font-size: 11px;
}
select.frm { background: #fff; }
.btnStd { font-size: 11px; }


/* ########## layoutContainers ########## */

.page {
	margin: 30px auto;
	width: 640px;
}
.areaHeader {
	position: relative;
	background: #47981e url(http://www.q-dsl-home.de/bg_header.gif) repeat-x left top;
	height: 70px;
}
.areaHeader .headerLogo {
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.areaHeader .headerLinks {
	position: absolute;
	top: 10px;
	right: 20px;
}
.areaContent {
	overflow: hidden;
	zoom: 1;
	background: #fff;
	padding: 20px 20px 5px 0;
}
.areaFooter { padding: 15px 20px; }
	
/* ########## toolBlocks ########## */

.headerLinks,
.headerLinks a,
.headerLinks a:link,
.headerLinks a:active,
.headerLinks a:visited {
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
.headerLinks a:hover {
	color: #fff;
	text-decoration: underline;
}

.footerTools {
	overflow: hidden;
	zoom: 1;
}
.footerTools,
.footerTools a,
.footerTools a:link,
.footerTools a:active,
.footerTools a:visited {
	font-size: 11px;
	color: #888;
	text-decoration: none;
}
.footerTools a:hover {
	color: #888;
	text-decoration: underline;
}
.footerTools .toolsCopyright { float: left; }
.footerTools .toolsLinks { float: right; }

/* ########## contentBlocks ########## */

.block {
	margin-left: 20px;
	padding-bottom: 10px;
}

.boxInfo {
	position: relative;
	margin: 0 0 20px 20px;
	border: 1px solid #bfbfbf;
	background: #f0f0f0;
	padding: 15px 15px 5px;
}
.boxInfo .boxInfoline {
	float: left;
	width: 60%;
}
.boxInfo .boxCallback {
	float: right;
	width: 40%;
}
.boxInfo p {
	margin: 0 0 6px;
	line-height: 15px;
	font-size: 11px;
}

.footerNotes {
	margin: 30px 0 0;
	font-size: 10px;
	color: #888;
}
.footerNotes p,
.footerNotes li {
	margin: 0 0 5px;
	line-height: 13px;
	font-size: 11px;
}

/* ########## inlineImage ########## */

.boxImageInline {
	margin-bottom: 10px;
	font-size: 11px;
	color: #808080;
}
.boxImageInline a,
.boxImageInline a:link,
.boxImageInline a:visited { color: #808080; }
.boxImageInline a:hover { color: #143D66; }
.boxImageInline p,
.boxImageInline .caption {
	margin-top: 6px;
	line-height: 13px;
	text-align: left;
}

/* ########## inlineBlock ########## */

.boxImageBlock {
	margin-bottom: 10px;
	font-size: 11px;
	color: #808080;
}
.boxImageBlock a,
.boxImageBlock a:link,
.boxImageBlock a:visited { color: #808080; }
.boxImageBlock a:hover { color: #143D66; }
.boxImageBlock img { display: inline; }
.boxImageBlock p,
.boxImageBlock .caption {
	margin-top: 6px;
	line-height: 13px;
	text-align: left;
}

/* ########## contentElements ########## */

.elementInfoline {
	background: url(http://www.q-dsl-home.de/icon_phoneGray.gif) no-repeat left center;
	padding: 1px 0 0 26px;
	font-size: 17px;
	font-weight: bold;
}

/* ########## secondaryText ########## */

.error,
.red,
.star,
.inactive { color: red; }

.active { color: green; }

.highlightQSC { color: #b3000f; }
.highlight1 { color: #ff4000; }

.linkStyle {
	color: #b3000f;
	text-decoration: underline;
}

.smallprint {
	margin-bottom: 6px;
	line-height: 13px;
	font-size: 11px;
}

/* ########## ctrlNuggets ########## */

.FL { float: left; }
.FR { float: right; }

.DB { display: block; }
.DI { display: inline; }

.MTS { margin-top: 5px; }
.MRS { margin-right: 5px; }
.MBS { margin-bottom: 5px; }
.MLS { margin-left: 5px; }
.MTM { margin-top: 10px; }
.MRM { margin-right: 10px; }
.MBM { margin-bottom: 10px; }
.MLM { margin-left: 10px; }
.MTL { margin-top: 15px; }
.MRL { margin-right: 15px; }
.MBL { margin-bottom: 15px; }
.MLL { margin-left: 15px; }
.MTX { margin-top: 20px; }
.MRX { margin-right: 20px; }
.MBX { margin-bottom: 20px; }
.MLX { margin-left: 20px; }

.PTS { padding-top: 5px; }
.PRS { padding-right: 5px; }
.PBS { padding-bottom: 5px; }
.PLS { padding-left: 5px; }
.PTM { padding-top: 10px; }
.PRM { padding-right: 10px; }
.PBM { padding-bottom: 10px; }
.PLM { padding-left: 10px; }
.PTL { padding-top: 15px; }
.PRL { padding-right: 15px; }
.PBL { padding-bottom: 15px; }
.PLL { padding-left: 15px; }
.PTX { padding-top: 20px; }
.PRX { padding-right: 20px; }
.PBX { padding-bottom: 20px; }
.PLX { padding-left: 20px; }

.MN { margin: 0; }
.BN { border: 0; }
.PN { padding: 0; }

.TAL { text-align: left; }
.TAC { text-align: center; }
.TAR { text-align: right; }

.TTN { text-transform: none; }
.TTU { text-transform: uppercase; }

.VAT { vertical-align: top; }
.VATT { vertical-align: text-top; }
.VAM { vertical-align: middle; }
.VABL { vertical-align: baseline; }
.VATB { vertical-align: text-bottom; }
.VAB { vertical-align: bottom; }

.WSN { white-space: nowrap; }