* BASICS ----------------------------------------------------------------- */

img, div {
	border:					0px;
}

* {
	margin: 				0;
	padding: 				0;
}

html {
	height: 				100%;
}

body  {
	background-color:		#c0c2c6;
	height: 				100%;
	margin:					0 0 0 0;
	background:				url(http://www.online-werbung.de/bilder/domainholder/back-main.jpg) center center repeat-x;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	line-height:			18px;
	text-align:				center;
	text-decoration:		none;
	color:					#404040;
}

a:focus { 
	outline: 				none;
}

a:link, a:visited  {
	color: 					#165085;
	text-decoration: 		none;
}

a:hover {
	cursor:					pointer;
}

a:hover, a:active  {
	color: 					#165085;
	text-decoration: 		none;
}

#overall
{
	width: 					100%;
	background:				url(http://www.online-werbung.de/bilder/domainholder/back-top.jpg) center top repeat-x;
	margin: 				0 auto;
	min-height: 			100%;
}

* html #overall
{
	height: 				100%;
}

#main {
	width: 					100%;
	margin: 				0 auto;
	min-height: 			100%;
	overflow:				visible;
	}

* html #main	{
	height: 				100%;
	}

#footer	{
	position: 				relative;
	margin: 				-140px auto 0 auto;
	}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer	{
	margin-top: 			-140px;
}

#footer-back {
	position:				relative;
	height:					140px;
	width:					100%;
	background:				url(http://www.online-werbung.de/bilder/domainholder/back-footer.jpg) center top repeat-x;
}

#footer-back-center {
	position:				relative;
	height:					140px;
	width:					100%;
	background:				url(http://www.online-werbung.de/bilder/domainholder/back-footer-center.jpg) center top no-repeat;
}

.clearer {
	clear: 					both;
	display: 				block;
	height: 				1px;
	width:					980px;
	margin-bottom: 			-1px;
	font-size: 				1px;
	line-height: 			1px;
}

/* MAIN ELEMENTS -------------------------------------------------------- */

#centerbox {
	position: 				absolute;
	z-index:				10;
	top:					50%;
	left:					50%;
	width:					600px;
	height:					470px;
	margin-top:				-235px;
	margin-left:			-300px;
	overflow:				visible;
}

.contentbox-domain  {
	position:				relative;
	width:					600px;
	height:					470px;
	background:				url(http://www.online-werbung.de/bilder/domainholder/pic-origami.png) center top no-repeat;
	color:					#404040;
	text-shadow: 			#e0e1e3 0px 1px 0px;
	float:					left;
	overflow:				visible;
}

.contentbox-shop  {
	position:				relative;
	width:					600px;
	height:					470px;
	background:				url(http://www.online-werbung.de/bilder/domainholder/pic-shop.png) center top no-repeat;
	color:					#404040;
	text-shadow: 			#e0e1e3 0px 1px 0px;
	float:					left;
	overflow:				visible;
}

.contentbox-verkauf  {
	position:				relative;
	width:					600px;
	height:					470px;
	background:				url(http://www.online-werbung.de/bilder/domainholder/pic-verkauf.png) center top no-repeat;
	color:					#404040;
	text-shadow: 			#e0e1e3 0px 1px 0px;
	float:					left;
	overflow:				visible;
}

/* CONTENT -------------------------------------------------------------- */

.copy {
	position:				relative;
	margin:					290px 90px 10px 90px;
	width:					400px;
	font-size:				17px;
	line-height:			23px;
	display:				block;
}

.domain {
	font-weight:			bold;
	color:					#165085;
}

/* INFOFORM ------------------------------------------------------------- */

.infoform {
	position:				relative;
	margin:					0 90px 0 90px;
	width:					400px;
	height:					105px;
	background:				url(http://www.online-werbung.de/bilder/domainholder/form-back.png) center center no-repeat;
	display:				block;
}

.infoform .txt {
	position:				absolute;
	top:					10px;
	left:					0px;
	width:					400px;
	height:					20px;
	font-size:				14px;
}

.infoform .formfeld {
	position:				absolute;
	top:					52px;
	left:					90px;
	width:					210px;
	height:					20px;
	text-shadow: 			none;
	text-align:				left;
}

.mail {
	background:				transparent;
	width:					210px;
	height:					20px;
	font-size:				14px;
	color:					#165085;
	text-shadow: 			none;
	border:					0px;
}

.infoform .formbtn {
	position:				absolute;
	top:					48px;
	left:					308px;
	width:					50px;
	height:					26px;
	text-shadow: 			none;
	text-align:				center;
	background:				transparent url(http://www.online-werbung.de/bilder/domainholder/form-btn.png) center top no-repeat;
}

.infoform .formbtn:hover {
	background-position:	center bottom;
	cursor:					pointer;
}

.loginbutton {
	background:				transparent;
	width:					50px;
	height:					26px;
	border:					0px;
	color:					#FFFFFF;
	text-shadow: 			#0a3155 0px 1px 0px;
}

/* ANGEBOT ----------------------------------------------------------- */

.angebot {
	position:				relative;
	margin:					0 90px 0 90px;
	width:					400px;
	height:					110px;
	background:				url(http://www.online-werbung.de/bilder/domainholder/back-angebot.png) center top no-repeat;
	display:				block;
}

.angebot .txt {
	position:				absolute;
	top:					10px;
	left:					0px;
	width:					400px;
	height:					20px;
	font-size:				14px;
}

a.btn-angebot {
	position:				absolute;
	top:					30px;
	left:					40px;
	width:					270px;
	height:					20px;
	padding:				25px 0 25px 50px;
	font-size:				14px;
	line-height:			20px;	
	border:					0px;
	color:					#FFFFFF;
	text-shadow: 			#0a3155 0px 1px 0px;
	background:				transparent url(http://www.online-werbung.de/bilder/domainholder/angebot-btn.png) center top no-repeat;
}

a.btn-angebot:hover {
	background-position:	center bottom;
}

/* FOOTER ----------------------------------------------------------- */

#footer-content {
	width:					800px;
	height:					140px;
	font-size:				10px;
	color:					#9ca1a7;
	text-shadow: 			#202020 0px 1px 0px;
}

#footer-dark {
	margin:					70px 0 0 0;
	width:					800px;
	text-align:				left;
	float:					left;
}


#footer-dark .left {
	width:					200px;
	float:					left;
}

#footer-dark .center {
	width:					400px;
	float:					left;
}

#footer-dark .right {
	width:					200px;
	float:					left;
}

a.btn-blog {
	position:				relative;
	background:				transparent url(http://www.online-werbung.de/bilder/domainholder/icon-blog.png) left center no-repeat;
	height:					12px;
	padding:				9px 0px 13px 40px;
	color:					#9ca1a7;
	float:					left;
}

a.btn-blog:hover {
	color:					#FFFFFF;
}

a.btn-site {
	position:				relative;
	background:				transparent url(http://www.online-werbung.de/bilder/domainholder/icon-home.png) right center no-repeat;
	height:					12px;
	padding:				9px 40px 13px 0px;
	color:					#9ca1a7;
	float:					right;
}

a.btn-site:hover {
	color:					#FFFFFF;
}