/* CSS Document */

body {
      background-color:#b3c9dd;
      color:#9e9e9f;
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      margin:0;
      padding:0;
      text-align: left;
}

h1, h2, h3, h4 { margin:0;padding:0 }

a {
    color:#000000;
    outline:none;
    text-decoration:none;
}
.contentbgy a, .contentbgb a { color: #333; }
.contentbgy a:hover, .contentbgb a:hover { color: #00008b }

a img {
    border:0;
}

form {display:inline; }

p {    padding:5px 0 5px 0;margin:0; }
p a { color: #333;font-weight:bold; }

td { vertical-align:top; }

/* Variable Klassen */

#banner {
    background-image:url(/images/menu_bg.jpg);
    padding:6px 0 0 0;
    width:161px;
}

#banner a {
    display:block;
    padding-bottom:6px;
}

#banner img {
    display:block;
    margin:0 auto;
}

#big {
    background-image:url(/images/inlay_bg.jpg);
    border:1px solid #666666;
    width:966px;
    margin: 0 auto;
}

#buttons {
    background-image:url(/images/menu_bg.jpg);
    padding:8px 0 8px 0;
    width:161px;
}

#buttons a {
    background-image:url(/images/button.jpg);
    color:#003467;
    display:block;
    height:23px;
    margin:0 auto 1px auto;
    padding:8px 0 0 0;
    text-align:center;
    text-decoration:none;
    width:144px;
}

#buttonsindex {
    padding:8px 0 8px 0;
    width:161px;
}

#buttonsindex a {
    background-image:url(/images/button.jpg);
    color:#003467;
    display:block;
    height:23px;
    margin:0 auto 1px auto;
    padding:8px 0 0 0;
    text-align:center;
    text-decoration:none;
    width:144px;
}

.content {
    float:left;
    padding:14px 3px 14px 5px;
    width:598px;
}

.contentbgb {
    background-image:url(/images/content_bg_b.jpg);
    color:#000000;
    min-height:110px;
    padding:0 16px 0 16px;
    width:566px;
}

.contentbgy {
    background-image:url(/images/content_bg_y.jpg);
    color:#000000;
    min-height:110px;
    padding:0 16px 0 16px;
    width:566px;
}
.contentbgy h1, .contentbgb h1 {
        display: block;
        margin: 0;
    }
.contentbottomb {
    background-image:url(/images/content_bottom_b.jpg);
    font-size:1px;
    height:13px;
    margin:0 0 5px 0;
    width:598px;
}

.contentbottomy {
    background-image:url(/images/content_bottom_y.jpg);
    font-size:1px;
    height:13px;
    margin:0 0 5px 0;
    width:598px;
}

.contenttopb {
    background-image:url(/images/content_top_b.jpg);
    font-size:0px;
    height:11px;
    width:598px;
    margin:0;
    padding:0;
}

.contenttopy {
    background-image:url(/images/content_top_y.jpg);
    font-size:0px;
    height:11px;
    width:598px;
    margin:0;padding:0;
}

#footer {
    background-image:url(/images/footer.jpg);
    height:13px;
    width:966px;
}

#header {
    background-image:url(/images/header.jpg);
    height:124px;
    width:966px;
}

.headb {
    color:#006093;
    font-size:14px;
    margin:0;
    padding:0 0 8px 0;
}

.heady {
    font-size:14px;
    margin:0;
    padding:0 0 8px 0;
}

.contentbgy h2, .contentbgb h2 {
    margin:0 0 7px 0;
    padding:5px 0 0 15px;
    display:block;
    border-bottom: 1px dotted #aaa;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 6px;
    color: #800000;
}
#login, #rightMenu {
    background-image:url(/images/menu_bg.jpg);
    color:#f0f0f0;
    font-size:11px;
    padding:6px 6px 6px 9px;
    width:146px;
}

#login a, #rightMenu a {
    color:#f0f0f0;
}

#rightMenu ul {
 list-style-type:none;
 padding:0;
 margin:0;
}
#rightMenu li {
 padding:3px;
 font-weight: bold;
}

#login br {
    line-height:8px;
}

#loginform {
    display:block;
    margin:0;
    padding:6px 0 0 0;
}

#loginform input {
    background-color:#ffffff;
    border:1px solid #676767;
    height:16px;
    margin:0 0 8px 0;
    width:140px;
}
    
#loginbutton {
    height: 20px;  
}

#logintop {
    background-image:url(/images/login_top.jpg);
    height:25px;
    width:161px;
}

.menu {    float:left;    padding:16px 0 16px 0;width:180px; }

.menubox {
    background-color:#ffffff;
    border:1px solid #7d7d7d;
    margin:0 auto 14px auto;
    padding:1px;
    width:161px;
}

.menubox h2 {
    margin:0;
    padding:0;
}

.menubox h2 span {
    display:none;
}

#menutop {
    background-image:url(/images/menu_top.jpg);
    height:25px;
    width:161px;
}

#werbungtop {
    background-image:url(/images/werbung_top.jpg);
    height:25px;
    width:161px;
}

 fieldset { border:1px solid #7d7d7d; margin-top: 10px; }
 legend { font-size: 15px;font-weight:bold; }
 
/* general submitbutton format */
.defaultButton { background-color: #DDDDFF }
.clear_both { clear: both; }

/* accountinformation */
 .accountinformation ul { list-style-type:none;margin:0;padding:0; }
 .accountinformation li { margin:3px; }
 .boxhead { font-weight:bold;font-size:14px;border-bottom:1px solid #fff;margin-bottom:2px; }

 /* the price overivew on the left side of the template */
 .priceOverview {background-color:#b8c1f1;border:1px solid black }
 .priceOverview h3 { color:black;text-align:center;font-size:16px;font-weight:bold}
 .priceOverview .headbox {margin-left:5px}
 .priceOverview ul { list-style-type: none;padding:0;margin: 2px 0 3px 13px; font-size: 12px;color:black }
 .priceOverview ul li span { display:block;width: 40px;float:left;text-align:right;margin-right:9px;font-weight:bold }
 .priceOverview ul li { clear:both }
 
/* currency formatting: */ 
 .currency_euro small { font-weight: normal; font-size: 75%}

/* market formatting */
 #left_market, #right_market, .marketPriceListing { float:left; display:block;width:280px; }
 .market { width: 270px; }
 .market dl { display:block; }
 .market dt {font-size:14px;font-weight:400;border-bottom:2px solid #808080;padding:2px;margin:2px; }
 .market dd {border-left:1px solid #c0c0c0;padding-left:4px;}
 .market .minput {width:180px;border:1px solid #e0e0e0;height:18px}
 #left_price,#right_price,#left_amount,#right_amount { font-family: "Courier New"; text-align:right; padding:2px; font-size: 16px;background-color: #fff; }
 .marketInformationBox { border: 1px solid #ffdab9;    background-color: #ffefd5;padding:5px;width: 260px;    position: relative; }
 .marketInformationBox ul { list-style-type:none; margin:4px;padding:0}
 .marketInformationBox li { padding-left:18px }
 .marketInformationBox img { margin-left:-16px;margin-top:2px }
 .marketInformationBox table { width: 100% }
 .marketInformationSubmitButton { width: 100%;height:18px; border: 1px solid black;background-color:#f0f0f0; font-size:14px; }
 .marketPriceListing table { width: 100% }
 .tableRowSeperator { height: 1px;background-color: black;  }
 .defaultPrice { color: #aaa;text-align:center; background-image: url(http://static.primusportal.de/images/icons/thumb_up.png);    background-repeat:no-repeat;    background-position:  1px 1px; }
 .marketInformationBox .manualRefresh { position:absolute;right:3px;top:3px }
 .marketPriceInformation { font-size: 10px; }
 .priceForm_right, .priceForm_left { display: none }
 .defaultEmptyInput { background-image: url(http://static.primusportal.de/images/icons/thumb_up.png); background-repeat:no-repeat;color: #aaa }

/* sellbuy preview: */
.sellbuyPreview { display:block; width: 350px; margin: auto; border:1px solid #000; background-color:#ffefd5;padding:10px; }

/* form formatting */
 .defaultForm label { display:block; width: 150px; float:left;font-weight:bold; }
 .defaultForm input { font-size: 11px; border: 1px solid #7d7d7d;margin-bottom:5px; padding: 3px;}
 
/* profile form */
 .profileForm #vorname {margin-right:5px}
 .profileForm #vorname,#nachname { width: 144px }
 .profileForm #strasse { width: 300px}
 .profileForm #plz {width:64px;margin-right:5px}
 .profileForm #ort {width:223px}
 .profileForm #submitbutton {width:200px}
   
/* profielEmailForm */
 .profileEmailForm #email,#changemail {width: 300px}
 
 /* profilePasswordForm */
 .profilePasswordForm #old_password,#new_password1,#new_password2 { width: 300px }
 
/* default error messages */ 
 .error { display: block; border: 2px solid #ff4500; background-color:#ffdab9;list-style-type:disc;margin:5px;padding:5px 0 5px 30px }
 
/* default success message */ 
 .success {display:block;border:2px solid green;background-color:#ccffcc;margin:5px;padding:10px;}
 
/* deposit withdraw form */
 .depositWithdrawForm label {font-weight: bold;display:block;float:left;width:150px}
 .depositWithdrawForm span { display:block;margin:0 0 0 154px;width: 400px;font-size:88% }
 .depositWithdrawForm br { clear:both }

 .depositWithdrawOverview_Image { float:left; width:85px;height:85px; }
 .depositWithdrawOverview_Balance { font-weight:bold;margin-left:10px; font-size: 16px;float:left;width: 430px; }
 .depositWithdrawOverview_Balance em { font-weight:normal }
 .depositWithdrawOverview_Deposit, .depositWithdrawOverview_Withdraw { cursor:pointer; padding: 5px;margin-left:10px;margin-top:10px;float:left; height: 50px; width: 200px;}
 .depositWithdrawOverview_Deposit h4, .depositWithdrawOverview_Withdraw h4 { font-size: 15px; text-decoration: none }
 .depositWithdrawOverview_Deposit { background-color: #66ff66 }
 .depositWithdrawOverview_Withdraw { background-color: #ffcc66 }
 .depositWithdrawOverview_leftSpace { margin-left: 230px }
 .depositWithdraw .seperator { clear:both;width:340px;height:2px;background-color:#000;margin-top:10px;margin-bottom:5px;margin-left:130px }
 
/* depositOptions */                          
 .depositOptions { list-style-type:none}
 .depositOptions li { border-bottom: 1px solid black; padding:15px }
 .depositOptions .depositOptionsLink { text-align:right;display:block;font-weight:bold;font-size:15px;padding-right: 10px}
 .depositOptions .depositOptionsInfo span {display:block;width: 150px;font-weight:bold}
 .infoImage { margin:5px;margin-right:10px; float:left; }
 .infoImageRight {margin:5px;margin-right:10px;float:right }
                                                          
#index_title {
    margin-bottom: 10px;    
}
#index_step4step {
    float:left; 
    width:110px;
}
#p_justify {
    text-align: justify;    
}
#index_vorteile {
    clear: both;
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px; 
    margin-bottom: 8px;    
}
#index_icon {
    float:left; 
    width:40px;
    text-align:center;
}
.icon {
    width: 16px; 
    height: 16px;
    border: none;
}
#index_vorteile_text {
    clear: both; 
    margin-bottom: 8px;    
}
.text_agb {
    text-align: justify;
    padding: 5px 10px 15px 25px;    
}
.imp_l {
    float:left; 
    width:270px;    
}
.imp_r {
    float:right; 
    width:270px;    
} 


/* offer overview list */
.offersOverview { list-style-type: none; margin:0; padding:3px; }
.offersOverview li { width:100%;display:block;border-bottom:1px solid #aaa; margin: 2px}
.offersOverview .infoBox { padding-top:6px;text-align:center;display:block;width:157px;height:42px;float:left }
.offersOverview .infoBox b {font-size:16px;font-weight:bold}
.offersOverview .smallInfoBox { height: 50px;width: 170px;float:left; }
.offersOverview .exchangeSymbol { float:left; width:48px; height:48px;background-image:url(/images/right_arrow.png);background-repeat:no-repeat;position:relative }
.offersOverview .exchangeSymbol b { position:absolute;top:14px;left:12px}
.progressBar { background-color: #f0f0f0; display:block;width:540px;height:14px;border:1px solid black;position:relative;z-index:50}
.progressBar span { height:100%;position:absolute;top:0;left:0;background-image:url(/images/progressBar.jpg);z-index:-1}
.offersOverviewDetails { display: none;clear:both;background-color:#ddd}
.offersOverviewDetails table { width: 540px }

/* simple dt formatted forms */
.simpleDL dt { font-weight:bold; }
.simpleDL input { width: 200px; font-weight: bold; font-family: Verdana; font-size: 14px;height: 20px}
.simpleDL #submitbutton { height: 30px }

/* transactionlist */
.transactionPositive {color: #008000}
.transactionNegative {color: #ff0000}
.transactionNegative, .transactionPositive { font-weight: bold }

/* idea and concept */
.ideaAndConcept p { text-align: justify }

/* registration form */
.registrationForm label {font-weight:bold;float:left;display:block;width:180px}
.registrationForm br { clear:both }
.registrationTypeButton { float:left; width:200px;margin-left:20px;border:1px solid black;border-right:2px solid black;border-bottom:2px solid black;background-color:#f0f0f0;text-align:center;vertical-align:middle;font-size:17px;color:#000;font-weight:bold;padding:10px;}
.registrationForm #password1 { width: 200px }
.registrationForm #registrationTermsFrame { width: 540px; height: 400px;overflow:scroll}

/* payments */
.paymentsList { width: 100% }
.paymentsList .rowDeposit {background-color: #80ff80}
.paymentsList .rowWithdraw {background-color: #fccb9e}
.paymentsList td { vertical-align:top; padding:3px;}
.paymentsList th { padding: 3px;border: 1px solid black; background-color:#f0f0f0 }
.paymentsList tfoot { background-color: #f0f0f0}

/* main settings */
.templatePriceOverview { padding: 5px; color:black }

/* default pagination */
.pagination { padding:5px; margin: 0; list-style-type: none }
.pagination li { font-weight:bold; float:left;display:block;width:20px;height:20px;margin:2px;border:1px solid #e0e0e0;vertical-align:middle;text-align:center; }
.pagination .selectedPage { background-color: #bbb;border: 1px solid black;}

/* FAQ */
.FAQ dt { font-size: 16px; font-weight: bold }
.FAQ dd { display:block; border-left: 4px solid #aaa; padding-left: 5px;}

/* temporary things go right here: */
.indexLoggedinInfobox { width:500px; padding: 10px; border: 2px solid #A8A800;background-color:#ffffc0 }
.indexLoggedinInfobox ul { list-style-type: none; margin:0; padding:10px}

#loginbutton { background-color:  #DDDDFF;}