/*
-----------------------------------------------------------------------------------------------
INHALT
-----------------------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
*/

/*
--------------------------------------------------------------------------------
=NORMALISIERUNG DES BROWSERS
--------------------------------------------------------------------------------
*/

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;  
}

/* Removes list-style from lists */
ol,ul,dl {
  list-style: none;
}

/* Removes list-style from lists */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Removes border from fieldset and img */
fieldset,img {
  border: 0;
}

/* Left-aligns text in caption and th */
caption,th {
  text-align : left;
}

/* Removes quotation marks from q */
q:before, q:after {
  content:'';
}




h1 {
  font-size: 2.9em;
  font-weight: bold;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.4em;
}



a.button {
  color: #fff;
  display: inline-block;
  font-size: 1.6em;
  font-weight: bold;
  height: 24px;
  padding: 5px 0 5px 10px;
  position: relative;
  text-align: left;
  text-decoration: none;
}




/*
--------------------------------------------------------------------------------
=SEITENAUFBAU
--------------------------------------------------------------------------------
*/

/* Left-aligns text in caption and th */


div.background_bottom {
  background: transparent url(../images/background_bottom.jpg) repeat-x;
  height: 127px;
  position: relative;
  width:100%;
}

div.wrapper {
  margin: auto;
  position: relative;
  width: 980px;
}

div.content_top {
  background: transparent url(../images/content_top.gif) no-repeat;
  height: 7px;
  width: 980px; 
  background-color:#ff0000;
  margin-bottom:-8px;
}

div.content_middle {
  background: transparent url(../images/content_middle.gif) repeat-y;
  margin-bottom: -51px;
}






div.branding {
  background: transparent url(../images/branding.gif) no-repeat; 
	height: 142px;
	position: absolute;
  width: 245px;
  z-index: 10;
}

a.logo {
  left: 20px;
  position: relative;
  top: 9px;
	z-index: 20;
}


/* FOOTER
--------------------------------------------------------------------------------*/
div.footer {
  background: transparent url(../images/footer.jpg) no-repeat;
  height: 87px;
  margin: auto;
  padding-top: 40px;
  width: 980px 
}

ul.siteinfo {
	margin: -24px 0 0 344px;
	width: 600px;
}

ul.siteinfo li {
	float: right;
	margin: 5px 0 0 10px;
}

ul.bookmarks {
	margin-left: 30px;  
	width: 292px;
}

ul.bookmarks li {
	position: relative;
}

ul.bookmarks li a {
	margin-left: 0px !important;
	margin-right: 5px;
	padding-left: 0px !important;
}

ul.bookmarks li img {
	padding: 1px;
  border: #aaa 1px solid;	
}

ul.bookmarks li img:hover {
	padding: 1px;	
  border: #594A43 1px solid;
}


/*
--------------------------------------------------------------------------------
=INTRO
--------------------------------------------------------------------------------
*/
div.intro {
  width: 980px;
  height: 426px; 
}




/*
=INTROGRAFIK
*/

div.intro_application {
  background: url(../images/intro_application.jpg) no-repeat; 
  height: 470px;
  margin-left: 10px;
  position: absolute;
  text-align: right;
  width: 960px;
}

div.intro_application div.register{
  margin: 200px 20px 0 450px;
  text-align: right;
}

div.intro_application h1 {
  text-align: right;
}

div.intro_application span.subtitle1 {
  font-size: 1.8em;
  font-weight: bold;
  width: 292px;
}

div.intro_application span.subtitle2 {
  font-size: 1.2em;
  width: 292px;
}



div.intro_application a.button.register {
  background: url(../images/button_register_new.gif) no-repeat;   
  position: relative;
  top: 20px;
  width: 282px;
}

div.intro_application a.button.register:hover {
  background: url(../images/button_register_hover_new.gif) no-repeat;
}



ul.area {
  background: #fff url(../images/background_area.gif) repeat-x;
  margin:0px;
  height: 100%;
  margin-left: 10px;
  width: 960px;  
}

ul.area li {
  background: #fff url(../images/background_column.gif) repeat-x; 
  display: block;
  float: left;
  margin-left: 22px;
  padding: 0px 10px 0px 10px;
  text-align: justify;
  width: 272px;
  height:180px;
}

ul.area li p.button_corner {
  background: #fff url(../images/button_corner.jpg) repeat-x;   
  display: block;
  left: 230px;
  height: 56px;
  position: relative;
  width: 52px;
}

ul.area li.column1 {
  margin:0px;
  margin-left: 20px;
}

ul.area li h2 {
  margin:0px;
  margin-top:-5px;
  margin-bottom: 10px;
}

ul.area li h3 {
  margin: 0 0 2px 0;  
}

ul.area li p {
  margin-bottom: 0px;  
}

ul.area.intro_navigation li p {
  font-size: 1em;
}


ul.area.intro_description li div {
  display: block;
  width: 456px;
}

ul.area.intro_description li.columns1.column1 {
  width: 900px;
}

ul.area.intro_description li h2 {
  margin-bottom: 30px;
}

ul.area.intro_description li h3 {
  border-left: 3px solid #F7AF2F;
  display: block;
  margin-top: 25px;
  padding-left: 5px;
}

ul.area.intro_description li p {
  padding-left: 8px;
  text-align: justify;  
}

ul.area.intro_description li ul li {
  background: #fff;
  float: none;
  margin: 5px 0 5px 20px;
  padding: 0;
  text-align: justify;  
  width: 440px;
}

ul.area.intro_description img {
  left: 538px;
  position: absolute;
  margin-top: 36px;
}

div.separator {
  background: url(../images/separator.jpg) repeat-x;
  height: 12px;
  margin-left: 10px;
  width: 960px;   
}

.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: px; /*for IE*/
}


span.orange {
  color: #FF8000;
}


/*
=BEISPIELBUTTON
*/
a.sample_application {
  background: url(../images/sample_application_xlarge.png) repeat-x;
  height: 95px;
  left: 890px;
  position: absolute;
  width: 95px; 
  top: 394px;
}

/**************** New Homepage **********************/
#overlay-container
{
	background-color:#ff0000;
  float:left;


}

#mainbox{
	background: url(../images/intro.jpg) no-repeat;
  height: 320px;

  margin: 0 0 0 9px;
  margin-bottom: -51px;
  float:left;
  position: relative;
  top: -51px;
/* width: 959px;*/
 width: 714px;
}

span.select {
   position: absolute;
   width: 296px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 36px;
   padding: 2px 24px 0 16px;
   margin:0 0 0 -8px;
   color: #000;
   font: 14px/32px arial,sans-serif;
   background: url(../images/choose-your-product.png) 0 0 no-repeat;
   overflow: hidden;
}


#left-side{
font-family:Arial, Sans-Serif;
	margin:225px 0 0 20px;
	float:left;
	width:295px;
}

#productlarge{
	width:320px;
	margin:10px 0 0 0;
}

#left-side h1{
	color:#FFF;
	margin:0;
	font-size:28px;
	line-height:30px;
}

#left-side h2{
	color:#FFF;
	margin:0px;
	margin-top:-15px;
	font-size:20px;
	line-height:22px;
}

#right-side{
font-family:Arial, Sans-Serif;
	margin:218px 0 0 30px;
	float:left;
	width:270px;
}

#right-side h1{
	color:#FFF;
	margin:0;
	font-size:28px;
	line-height:30px;
}

#right-side strong{
	color:#FFF;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

#right-side ul{
	list-style:none;
	margin:0;
	margin-top:8px;
	padding:0;
}

#right-side ul li{
	display:inline;
	padding-left:10px;
	padding-right:5px;
	background-image: url(../images/small-green-arrow.png);
	background-repeat: no-repeat;
	background-position: 0 .3em;
}

#right-side ul li a{
	color:#b1d22e;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#howitworks-box{
	width:244px;
	height:105px;
	float:left;
	border-right:1px solid #BFBFBF;
	padding:0px 0 0 2px;

	background: #3D7900; 
	background: #ffffff url(../images/how-box-bg.gif) 0 0 repeat-x;
	position: relative;
margin-bottom:-51px;
	border-right:1px solid #BFBFBF;
}

/**************** SELL LEADS BOX **********************/
#greenbox{
font-family:Arial, Sans-Serif;
	width:233px;
	height:195px;
	background: #D8E4AC url(../images/green-box-bg.gif) 0 0 repeat-x;
	float:left;
	border-right:1px solid #BFBFBF;
	
	position: relative;
	padding:20px 0 0 13px;
	text-align:left;
	top: -51px;
margin-bottom:-51px;

}


#greenbox h1{
	margin:0;
	font-size:28px;
	line-height:12px;
	color:#FFF;
}

#greenbox h2{
	font-size:18px;
	line-height:20px;	
	color:#FFF;
	margin:0px;
	margin-bottom:20px;
}

#greenbox form label{
	color:#3d505a;
	font-weight:bold;
	font-size:14px;
	line-height:30px;
	float:left;
	clear:left;
}

.go-button{
	float:left; 
	display:block; 
	margin:0 0 0 15px;
	padding:0;
}

#greenbox select#product{
	float:left; 
	display:block;
	width:180px;
	margin:0 0 15px 0;
}

#greenbox select#trafficopt{
	float:left; 
	display:block;
	width:180px;
	margin:0 0 0 0;
	padding:0;
}

/******************** HOW IT WORKS *******************/

.leadtypeslayout
{
	color:#144C83;
	font-size:12px;
	margin:0 0 15px 0;
}

#launchvideo-button{
	margin:0px 0 0 0px;
}

#launchvideo-button-ad{
	margin:3px 0 0 0px;
}

#learn-more{
	margin:20px 0 0 0;
}

#sub-content{
	width:1000px;
	height:150px;
	background: url(../images/buy-subcontent-bg.gif) 0 0 no-repeat;
	margin-top:10px;
	padding:20px 0 0 50px;
	float:none;
}

.section{
	width:190px;
	height:120px;
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 25px;
	background: url(../images/divider-vert.gif) 0 0 no-repeat;
}

.section#partner{
	width:300px;
	height:120px;
}

.section#leadtypes{
	width:280px;
	height:120px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url('none.gif');
}

.section#inthenews{
	width:280px;
	height:120px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url('none.gif');
}

.section#leadbuyercrm{
	width:260px;
	height:120px;
}

.section#leadbuyer-signup{
	width:260px;
	height:120px;
	background: url('none.gif');
}

.section#leadseller-signup{
	width:260px;
	height:120px;
}


.section#first{
	width:155px;
	height:120px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url('none.gif');
}

.section#last{
	width:280px;
	height:120px;
	float:left;
	padding:0 0 0 25px;
	margin:0 0 0 15px;
}

.section h2{
	color:#3d505a;
	font-size:18px;
	line-height:16px;
	margin:0;
}

.section h3{
	color:#3d505a;
	font-size:14px;
	line-height:16px;
	margin:5px 0 0 0;
}

.section h1{
	color:#3d505a;
	font-size:18px;
	line-height:16px;
	margin:5px 0 0 0;
}

.section ul{
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

.section ul li{
	color:#3d505a;
	font-size:12px;
	padding-left:10px;
	background-image: url(../images/bullet-blue-grey.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.section a{
	color:#144C83;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.section a:visited;{
	color:#C95C35;
}

.section p{
	color:#3d505a;
	font-size:12px;
	margin:5px 0 5px 0;
}

.section strong{
	color:#3d505a;
	font-size:12px;
	font-weight:bold;
}

.section em{
	color:#3d505a;
	font-size:10px;
	font-style:italic;
}