/* ====> COMMON SETTINGS <==== */
* { margin: 0; padding: 0; }

a 		{ text-decoration: none; color: #1b1b1b; }
a:hover { text-decoration: underline; }

/* ====> PAGE PARTITIONING <==== */
body {
	text-align: center;
	margin-bottom: 30px; 
	background: #fff url(../img/body_bg.png) 0 0 repeat-x;
}
#wrapper {
	margin: auto;
	text-align: left;
	width: 800px;
}
#menu {
	display: block;
	position: relative;
	height: 23px;
	width: 800px;
	list-style-type: none;
}
#header {
	position: relative;
	height: 88px;
	background: transparent url(../img/backlink-spider.png) 0 0 no-repeat;
}
#box  {
	display: block;
	position: relative;
	margin-top: 10px;
	width: 800px;
	background: #f4f4f4 url(../img/box_bg.png) 0 0 repeat-x;
}
#content {
	padding: 40px 20px 0 20px;
	color: #333;
}
#contents {
	display: block;
	width: 760px;
	padding: 40px 20px;
	color: #7d7d7d;
	font: 12px Arial, Helvetica, sans-serif;
}
#footer {
	clear: both;
	display: block;
	height: 50px;
	text-align: center;
	font: 8pt Arial, Helvetica, sans-serif;
	padding-top: 20px;
}
#footer p { color: #666; margin: 0 20px; border-top: 1px solid #ccc; line-height: 25px; }
#footer a { color: #666; }

/* ----> Menu <---- */

#menu li { display: inline; margin-right: -4px; }
#menu li a {
	color: #bbb;
	font: 12px Arial;
	text-decoration: none;
	height: 23px;
	padding: 5px 25px 8px 0;
	line-height: 23px;
	background: #5a5a5a url(../img/menuitem_right.png) top right no-repeat;
}
#menu li a span {
	height: 23px;
	padding: 5px 0 5px 25px;
	background: transparent url(../img/menuitem_left.png) top left no-repeat;
}
#menu li.active a 		{ font-weight: bold; background: #4a89c1 url(../img/menuitem_active_right.png) top right no-repeat; color: #fff; }
#menu li.active a span  { background: transparent url(../img/menuitem_active_first.png) top left no-repeat; }
#menu li.after  a span  { background: transparent url(../img/menuitem_active_after.png) top left no-repeat; }
#menu li.first  a span  { background: transparent url(../img/menuitem_first.png) top left no-repeat; }
#menu li.last a			{ width: 32px; height: 24px; padding: 5px 8px; background: transparent url(../img/menuitem_last.png) -2px 0 no-repeat; }
#menu li.last.ac a		{ width: 32px; height: 24px; background: transparent url(../img/menuitem_active_last.png) -2px 0 no-repeat; }

#header .login			{ position: absolute; bottom: -15px; right: 20px; font: 12px Arial, Helvetica, sans-serif; color: #333; z-index: 1000; }

/* ----> Black Box <---- */
#box a			{ font-weight: bold; color: #fff; text-decoration: underline; }
#box a:hover	{ text-decoration: none; }
#box.start 		{ height: 280px; }
#box.order		{ height: 60px; }
#box.typolight 	{ height: 60px; }
#box.impressum	{ height: 60px; }

#box.typolight img { margin: 27px 0 0 30px; }
#box .image			{ position: absolute; top: 10px; right: -30px; border: none; }
#box .sendmail		{ position: absolute; top: 40px; right: 30px; }
#box.order img	{ margin: 27px 0 15px 30px; }
#box .content p { width: 350px; margin-left: 30px; font: 10pt Arial; color: #c8d8ea; }
#box .bottom {
	bottom: -10px;
	position: absolute;
	display: block;
	height: 10px;
	width: 800px;
	background: transparent url(../img/box_bottom.png) 0 0 no-repeat;
}
#box .top {
	top: -10px;
	left: 0;
	position: absolute;
	display: block;
	height: 10px;
	width: 800px;
	background: transparent url(../img/box_top.png) 0 0 no-repeat;
}

/* ----> Contents <---- */

#contents div {
	float: left;
	margin-right: 35px;
	display: block;
	width: 230px;
}
#contents h2 {
	font: 14pt "Lucida Sans Unicode";
	color: #4e85a2;
	margin-bottom: 5px;
}
#contents .sub {
	font: 10pt Arial;
	color: #999;
	font-style: italic;
	padding-bottom: 10px;
	border-bottom: 1px solid #bbb;
}
#contents .text {
	padding: 10px 0;
	font: 10pt Arial;
	color: #666;
}
#contents .img {
	float: left;
	height: 65px;
	width: 65px;
	margin: 10px 5px 10px 5px;
	background: #eaeaea;
}
#contents .typolight {
	color: #555;
	font: 11pt Arial;
}
#contents .typo_first {
	margin-top: 10px;
	color: #555;
	font: 11pt Arial;
}
#contents.typo {
	font: 10pt Arial;
	color: #555;
}
#contents ul				{ list-style-type: none; }
#contents ul li				{ padding-left: 20px; color: #666; background: transparent url(../img/arrow.png) 0 4px no-repeat; }
#contents ul 				{ list-style-type: none; }
#contents li 				{ font: 10pt Arial; color: #555; padding: 0 0 5px 10px; background: #fff url(../img/dot.gif) 0 7px no-repeat; }
#contents .last 			{ margin: 0; }
#contents .kontakt .email 	{ vertical-align: bottom; margin-bottom: -1px; }
#contents .rights 			{ font: 9pt Arial; color: #555; margin-top: 9px; }
.email 						{ vertical-align: text-bottom; }
#contents .line				{ display: block; width: 800px; height: 1px; background: #fff; border-bottom: 1px dotted #ccc; margin: 20px 0; }

#box h1						{ margin: 0 0 15px 30px; height: 54px; width: 410px; text-indent: -3000px; background-position: 0 30px; background-color: transparent; background-repeat: no-repeat; }
#box h1.eula				{ background-image: url(../img/eula.png);}
#box h1.home				{ background-image: url(../img/backlink-management.png);}
#box h1.freatures			{ background-image: url(../img/features.png); }
#box h1.demo				{ background-image: url(../img/demo.png); }
#box h1.download			{ background-image: url(../img/download.png); }
#box h1.kontakt				{ background-image: url(../img/kontaktformular.png); }
#box h1.impressum			{ background-image: url(../img/impressum.png); }
#box h1.vorkasse			{ background-image: url(../img/vorkasse.png); }
#box h1.auswahl				{ background-image: url(../img/lizenz-erwerben.png); margin-bottom: 25px; }
#box h1.paypal				{ background-image: url(../img/paypal.png); }
#box h1.kontaktdaten		{ background-image: url(../img/kontaktdaten.png); }
#box h1.agb					{ background-image: url(../img/agb.png); }

#contents h2				{ display: block; color: #999; border-bottom: 1px solid #ddd; padding-bottom: 5px; text-indent: -3000px; width: 220px; height: 24px; background: transparent url(../img/anforderungen.png) 0 0 no-repeat; }
#contents h2.installation	{ background-image: url(../img/installation.png); }
#contents h2.schutz			{ background-image: url(../img/schutz.png); }
#contents h2.check			{ background-image: url(../img/links-pruefen.png); }
#contents h2.organize		{ background-image: url(../img/links-verwalten.png); }
#contents h2.history		{ background-image: url(../img/badlinks-historie.png); }
#contents h2.write			{ background-image: url(../img/linkpartner-eintragen.png); }
#contents h2.web-search		{ background-image: url(../img/backlink-finder.png); }
#contents h2.download		{ background-image: url(../img/download.png); }
#contents h2.hosting		{ background-image: url(../img/hosting.png); }
#contents h2.autocheck		{ background-image: url(../img/autocheck.png); }

#box .hidden a				{ display: none; }
#box .screenshots			{ position: absolute; right: 40px; top: 40px; width: 330px; }
#box .screenshots img		{ border: 1px solid #cfcfcf; }
#box .contact				{ margin-left: 32px; width: 310px; text-align: right; }
#box .contact label			{ float: left; text-align: left; display: block; width: 100px; font: 10pt Arial, Helvetica, sans-serif; color: #C8D8EA; }
#box .contact .input		{ font: 10pt Arial; color: #333; width: 200px; border: 1px solid #316B9F; padding: 2px; margin-bottom: 3px;}
#box .contact textarea		{ font: 10pt Arial; color: #333; width: 200px; padding: 2px; border: 1px solid #316B9F; margin-bottom: 5px; }
#box .submit				{ width: auto; padding: 2px 15px; background: #1D3D5F; font: 10pt Arial, Helvetica, sans-serif; font-weight: bold; border: none; color: #fff; }

#box .agb					{ color: #C8D8EA; font-weight: normal; }
#box .eula_txt				{ display: block; background: #fff; margin-left: 30px; width: 700px; height: 160px; padding: 2px; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #316B9F; color: #333; text-align: left; overflow: auto; }
#box .eula_form				{ width: 735px; }
#box .eula_check			{ color: #c8d8ea; font: 12px Arial, Helvetica, sans-serif; margin-left: 30px; }
#box .order_form			{ margin-left: 30px; width: 320px; text-align: right; }
#box .order_form label		{ float: left; text-align: left; display: block; width: 100px; font: 10pt Arial, Helvetica, sans-serif; color: #C8D8EA; }
#box .order_form .input		{ padding: 2px; border: 1px solid #316B9F; color: #333; margin-bottom: 5px; }
#box .order_form .zip		{ width: 50px; }
#box .errors				{ list-style-type: none; position: absolute; left: 400px; top: 75px; }
#box .errors li				{ line-height: 20px; background: transparent url(../img/error.png) 0 0 no-repeat; color: #902121; font: 10pt Arial, Helvetica, sans-serif; padding-left: 25px; margin-bottom: 10px; }
#box p.selection			{ position: relative; display: block; width: 750px; }
#box p.selection span		{ position: absolute; right: 0; top: 0; }

.success					{ display: block; height: 20px; font: 12px Arial; padding: 5px 5px 0px 5px; margin-bottom: 5px; color: #1e5d0d; background: #c8e7c0; border: 1px solid #86bb78; }
.error						{ display: block; height: 20px; font: 12px Arial; padding: 5px 5px 0px 5px; margin-bottom: 5px; color: #902121; background: #fac5c5; border: 1px solid #e98686; }

#box .paypal_form .submit 	{ margin: 20px 0 0 30px; }