@charset "UTF-8";
/*
Author: Heiko Bee
Author URI: http://maxout.de/

##### TABLE OF CONTENTS #####
Maincontent: Tool-Teasers, Register-Form, Sites, Promo-Tools
Sites: sites-device
Promo-Tools: Tools
Vorteile:
Support:
Register-Form:

Footer: 

##### COLOR PALETTE #####

#ffffff Background
#f3f3f3 Light-Background
#eaeaea Darker-Background
#333333 Darker-Font-Color
#999999 Lighter-Font-Color

#858e9b Light-Blue-Font-Color
#e69832 Orange-Link-Color

*/

/*######## Begin Layout ##########*/


/*Maincontet*/
#maincontent {
    float:left;
    width:1000px;
    margin-top: 0px;
    background: url(../img/bg_maincontent.jpg) left repeat-y;
    padding-top:10px;
    border-top:1px solid #666;
}

#register-form, #sites, #promo-tools, #vorteile,#auszahlung,#support,#faq,#terms_conditions,#billing,#affiliate_stats,#cashpoints, #imprint, #banners, #contact{
    float: left;
    padding:10px;
    width:670px;
    height:100%;
}

fieldset {
    border:none;
}

/*Tool-Teasers*/
#left_content div a {
    position:absolute;
    bottom: 0;
    right:0;
}

#left_content {
    float:left;
    width:290px;
    margin-left:0;
    padding:0 20px 0 0;

}
#left_content div {
    width:290px;
    overflow:auto;
    padding:0 0px 20px 0;
    margin-bottom: 0px;
    border: none;   
    margin-left:0;
    position:relative;
}
#siteteaser{
    width:230px;
    padding:10px 0 0 10px;
}
#siteteaser p {
    margin-bottom: 10px;
    height:auto;
}

#sideteaser p,#sideteaser h1 {
    width:230px;
    margin-left:10px;	
}


#wmtools {
    background: url(../img/bg_teasers-wmtools.png) top left no-repeat;
    margin-left:10px;
}

#cash-points {
    background: url(../img/bg_teasers-cash-points.png) top left no-repeat;
    margin-left:10px;
}
#billing {
    background: url(../img/bg_teasers-billing.png) top left no-repeat;
    margin-left:10px;
}

#m-stream {
    background: url(../img/bg_teasers-webcam.png) top left no-repeat;
    margin-left:10px;
}
#smart2cell {
    background: url(../img/bg_teasers-corporate.png) top left no-repeat;
    margin-left:10px;
}
#web2mobile {
    background: url(../img/bg_teasers-web2mobile.png) top left no-repeat;
    margin-left:10px;
}

#wmtools p, #wmtools h1,#m-stream p, #m-stream h1,#cash-points p, #cash-points h1,#billing p, #billing h1,#web2mobile h1,#smart2cell h1,#web2mobile p,#smart2cell p {
    width:220px;	
    margin-left:70px;
}



/*Register-Form*/
.form_error{
    color: red;
}

#register-form h1.category {
    background: url(../img/icon_register.jpg) no-repeat;
}

.formbox,.formbox2 {
    float:left;
    width:400px;
    margin: 30px 0 0 65px;
    padding-left:0px;
}
.formbox2 {
    margin-left:0;
}

.row {
  clear: both;
  padding: 5px 0px;
}

.formbox label,.formbox2 label {
  float: left;
  font-weight: bold;
  width: 150px;
  padding-top: 3px;
  padding-right: 5px;
}

.formbox p.row input,.formbox2 p.row input,.formbox p.row select,.formbox2 p.row select {
  float: left;
  font-size: 12px;
  margin-right: 10px;
  text-align: left;
  border: 1px solid #333;
  background-color: #f3f3f3;
} 

.formbox p.row .btn,.formbox2 p.row .btn {
  clear: both;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 30px;
  width:110px;
  color:#333;
  background:url(../img/btn_more_long.png) no-repeat;
}

.field {
    width:200px;
}
select.field {
    width:202px;
}
.middle {
  width: 128px;
}
.short {
  width: 60px;
}

* html .short {
  width: 62px;
}

.agb {
}
.formbox p.agb input,.formbox2 p.agb input {
    border:none;
}

.formbox p input.btn,.formbox2 p input.btn {
    border:none;
    float:right;
    width:75px;
    height:25px;
    cursor: pointer;
    background-color: #fff;
}

/*Sites*/
#sites-preview {
    clear:left;
    padding-top:30px;
}

#sites h1.category {
    background: url(../img/icon_sites.jpg) no-repeat;
}

div.sites-device {
    float:left;
    height:280px;
    width:150px;
    background: url(../img/bg_sites-device.jpg) no-repeat;
    text-align: center;
    padding-top:46px;
}

div.sites-device a:link img{
    border:none;
}

div.paging {
    clear:left;
    height:16px;
    text-align: right;
}

div.paging a {
    padding:0 3px;
    color:#555;
}
div.paging a.active {
    text-decoration: underline:
    font-weight:bold;
    color:#e69832;
    font-size:12px;
}
div.paging a.next img ,div.paging a.prev img {
    border:0;
}


/*Promo-Tools*/

#promo-tools h1.category {
    background: url(../img/icon_promo-tools.jpg) no-repeat;
}

#tools {
    margin-top: 10px;
}

#tools div {

    width:325px;
    height:185px;
    float:left;
    margin:10px 0;
}

#tools div h3 {
    font-size: 16px;
    margin:20px 0 0 80px;
}
#tools div p {
    margin:5px 0 0 80px;
    height:120px;
    position: relative;
    padding: 0 10px 0 0;
}

#tools div a {
    position:absolute;
    bottom: -15px;
    right:10px;
}


#tool-sites {
    background: url(../img/bg_promo-tools-sites.jpg) no-repeat;
}
#tool-generator {
    background: url(../img/bg_promo-tools-generator.jpg) no-repeat;
}
#tool-links {
    background: url(../img/bg_promo-tools-links.jpg) no-repeat;
}
#tool-content {
    background: url(../img/bg_promo-tools-content.jpg) no-repeat;
}
#tool-galleries {
    background: url(../img/bg_promo-tools-galleries.jpg) no-repeat;
}
#tool-web2mobile {
    background: url(../img/bg_promo-tools-web2mobile.jpg) no-repeat;
}
#tool-quick_start{
    background: url(../img/bg_quick_start.jpg) no-repeat;
}
#tool-ptg{
    background: url(../img/bg_promo-tools-ptg.jpg) no-repeat;
}
#tool-subwebmaster {
    background: url(../img/bg_promo-tools-subwebmaster.jpg) no-repeat;
}

#tool-wappush {
    background: url(../img/bg_promo-tools-wappush.jpg) no-repeat;
}

#tool-mstream-branding {
    background: url(../img/bg_promo-tools-m-stream-branding.jpg) no-repeat;
}

#tool-web-wap-gate {
    background: url(../img/bg_promo-tools-web2wap.jpg) no-repeat;
}

#tool-smart2cell {
    background: url(../img/bg_promo-tools-web2wap.jpg) no-repeat;
}
#tool-sexmoney {
    background: url(../img/bg_promo-tools-sexmoney.jpg) no-repeat;
}

#tool-iphone2mobile{
    background: url(../img/bg_promo-tools-iphone2mobile.jpg) no-repeat;
}

#tool-mobile-banner{
    background: url(../img/bg_promo-tools-mobile-banner.jpg) no-repeat;
}

#tool-reseller-json{
    background: url(../img/bg_promo-tools-reseller-json.jpg) no-repeat;
}

#tool-reseller-stats{
    background: url(../img/bg_promo-tools-reseller-stats.jpg) no-repeat;
}

#tool-reseller-settings{
    background: url(../img/bg_promo-tools-reseller-settings.jpg) no-repeat;
}

#tool-bookkeeper-booking{
    background: url(../img/bg_promo-tools-booking-booking.jpg) no-repeat;
}

#tool-bookkeeper-settlement{
    background: url(../img/bg_promo-tools-booking-settlement.jpg) no-repeat;
}
/* FAQ */

#faq-accord {
    margin-top:50px;
}
#faq h1.category {
    background: url(../img/icon_faq.jpg) no-repeat;
}

/* terms and conditions*/
#terms_conditions h1.category,#imprint h1.category,#contact h1.category {
    background: url(../img/icon_terms_conditions.jpg) no-repeat;
}
/*Voreile*/
#vorteile h1.category {
    background: url(../img/icon_vorteile.jpg) no-repeat;
}

#vorteile .listing h3 {
    margin-top:20px;
    padding-top:5px;
    border-top:1px dotted #ccc;
    background:none;
    padding-left:0;
}

/*Auszahlung*/
#auszahlung h1.category {
    background: url(../img/icon_promo-tools.jpg) no-repeat;
}

#auszahlung .listing {
    float:left;

}

#auszahlung .listing div {

    width:325px;
    height:185px;
    float:left;
    margin:0 0 10px 0;
}

#auszahlung .listing div h3 {
    font-size: 16px;
    margin:20px 0 0 80px;
    padding-left:0;
    background: none;
}
#auszahlung .listing div p {
    margin:5px 20px 0 80px;
    height:120px;
    position: relative;
}

#auszahlung .listing div a {
    position:absolute;
    bottom:0;
    right:10px;
    
}

/* Revshare */
#revshare {
    background: url(../img/bg_payouts-revshare.jpg) no-repeat;
}
#referrals {
    background: url(../img/bg_payouts-referrals.jpg) no-repeat;
}
#cashpoints {
    background: url(../img/bg_payouts-cashpoints.jpg) no-repeat;
}

/* support */
#support h1.category {
    background: url(../img/icon_support.jpg) no-repeat;
}

#support-email {
    background: url(../img/bg_support-email.jpg) top left no-repeat;
}

#support-phone {
    background: url(../img/bg_support-phone.jpg) top left no-repeat;
}

#support-faq {
    background: url(../img/bg_support-faq.jpg) top left no-repeat;
}

/*######## Begin Typography & Colors #######*/



/* Begin Various Tags & Classes */
.clear {
    clear:both; 
}

ul.listing {
    list-style:url(../img/paging_arr.jpg);
    margin:0 0 25px 25px;
}

ul.listing li {
    padding:2px;
    font-weight:bold;
    margin-left:25px;
    margin-top:20px;
    font-size:16px;
}

#banner-listing{
    padding:10px;
}

#banner-listing a {
    background:url(../img/paging_arr.jpg) no-repeat;
    padding:0 0 0 25px;
    display:block;
}

.banner-preview {
    border:none;    
    overflow:hidden;

}
    
.hint-head{
    font-weight:bold;
    color:#000;
    background:url(../img/starburst.gif) no-repeat;
    padding:1px 0 5px 25px;
    
}


.hint {
    padding-left:25px;
    font-style:italic;
    margin-top:-5px;
}

.spacer {
     height:25px;
    }

.input {
    width:250px;
    border:1px solid #e3e3e3;
    padding: 2px;
    color:#858e9b;  
}

.adBanner {
    display:inline; 
    float:left;
    margin:5px;
}
