/*  
Project Name: best-trading-system.com
Project URI: http://www.best-trading-system.com
Version: 0.5 beta
Author: RHOdesign - www.rhodesign.ch - switzerland
Author URI: http://www.rhodesign.ch/

all rights reserved!
*/

html, body { 
padding:0px;
margin:0px;
height:100%;
}

body {
background:#e1ddd9 url(/fileadmin/templates/images/bg_body2.png) repeat-x;
font-size: 12px;
color:#858585;  
text-align:center;
}


#container {
width:800px;
margin: 0px auto;
padding:0px;
text-align:left;
position: relative;
min-height: 100%;
height:auto !important;
height:100%;
background: url(/fileadmin/templates/images/bg_wrapper2.png) repeat-y; 
}


#wrapper{
background: url(/fileadmin/templates/images/bg_wrapper2.png) repeat-y;
padding-bottom: 20px; 
}



/* ################## HEADER ################### */
#head {
background-image: url(/fileadmin/templates/images/header.jpg);
width: 790px;
padding-right: 10px;
height: 150px;
text-align: right;
padding-top: 49px;
}
#head a {
color: #858585;
font: 0.8em Arial, Helvetica, sans-serif;
text-decoration: none;
}
#head a:hover {
color: #858585;
text-decoration: underline;
}

.headsubline {
height: 22px !important;
background-color: #551d4b;
color: #e1ddd9;
font: 0.8em Arial, Helvetica, sans-serif;
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
text-align: right;
}
.headsubline a{
color: #e1ddd9;
text-decoration: underline;
}
.headsubline a:hover{
color: #e1ddd9;
text-decoration: none;
}
/* ------------------- end header ----------------- */





/* ################## CONTENT ################### */
#content {
width:515px;
padding:30px 15px 0 15px;
float:left;
background: #fff url(/fileadmin/templates/images/bg_content2.png);
background: #fff url(../images/bg_content2.png);
background-repeat: repeat-x;
font: 1em Arial, Helvetica, sans-serif;
color:#333;
overflow: auto; 
}
#content h1{
font: 1.2em Arial, Helvetica, sans-serif;
font-weight: bold;
color:#551d4b;
}
#content p{
line-height: 1.4em;
}



#content a{
text-decoration: underline;
color: #111;
}
#content a:hover{
	text-decoration: none;
	color: #333;
}


#content ul{
padding-left: 16px;
display: block;
list-style-type: none;
}
#content ul li{
margin-bottom: 2px;
}
/* ------------------- end content ----------------- */



/* ################## RIGHT COLUMN ################### */

/*
#right {
background-image: url(/fileadmin/templates/images/bg_left.png);
width:120px;
padding-top: 30px; 
float:left;

}
#right a{
text-decoration: underline;
color: #fff;
}
#right a:hover{
text-decoration: none;
color: #eee;
}
#right ul{
margin-left: 5px;
margin-right: 5px;
padding-left: 0px;
list-style-type: none;
width: 110px;
border-top: 1px solid #FFF;

}
#right ul li{
margin:0px;
padding: 6px 0 6px 0;
display: block;
border-bottom: 1px solid #fff;
font: 0.8em Arial, Helvetica, sans-serif;
color:#FFF;
}
.news {
font: 11px Arial, Helvetica, sans-serif !important;
}
*/


#right {
background-image: url(/fileadmin/templates/images/bg_left.png);
width:120px;
padding-top: 30px;
float:left;

}
#right a{
text-decoration: underline;
color: #fff;
}
#right a:hover{
text-decoration: none;
color: #eee;
}

#right .content h1 {
border-top: 1px solid #FFF;
padding-top: 6px;
font: bold 11px Arial, Helvetica, sans-serif !important;
}

#right .content {
margin: 0px 5px 0 5px;
display: block;
border-bottom: 1px solid #fff;
font: 0.8em Arial, Helvetica, sans-serif;
color:#FFF;
}

/* ------------------- end right ----------------- */



/* ################## LEFT COLUMN ################### */
#left { 
width: 135px;
background: url(/fileadmin/templates/images/bg_left2.png) repeat-x;
padding-top: 30px; 
float:left;
}

#left ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
border-top: 1px solid #fff;
}

#left a{
display: block;
padding: 7px 0 0 20px;
border-bottom: 1px solid #fff;
height: 20px;
background: #4F556C url(/fileadmin/templates/images/bg_navi_a.png);
}

#left a:link, #navlist a:visited{
color: #fff;
text-decoration: none;
}

#left a:hover{
background-color: #6A7892;
color: #fff;
background: url(/fileadmin/templates/images/bg_navi_ahover.png);
}

.current{
color: #fff;
font-weight: bold;
background: url(/fileadmin/templates/images/bg_navi_ahover.png) !important;
}




#subnavi{
margin-left: 0px !important;
padding-left: 0px !important;
border-bottom: 1px solid #fff !important;
border-top: 0px !important;
}
#subnavi ul{
font-family: Arial, Helvetica, sans-serif;
}
#subnavi li{
background-image: url(/fileadmin/templates/images/bg_navi_subnavi.png) !important;
}
#subnavi a{
display: block;
padding-bottom: 1px;
padding-top: 2px;
padding-left: 20px;
border-bottom: 0px !important;
font-size: 0.9em !important;
height: 17px;
background-image: url(/fileadmin/templates/images/bg_navi_subnavi.png) !important;
}
#subnavi a:hover{
color: #ccc;
}


/* ------------------- end left ----------------- */




/* ################## FOOTER ################### */
#footer{
   height: 20px;
   width: 800px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.9em;
   color:#858585;
   background: url(/fileadmin/templates/images/bg_wrapper2.png) repeat-y;
   margin: 0px auto;
   text-align: center;
   position: absolute;
   bottom: 0 !important;
   bottom: -1px; /* For Certain IE widths */ 
}
#footer a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color:#858585;
	text-decoration: none;
}
#footer a:hover{
	color:#e1ddd9;
	text-decoration: underline;
}
.copyright{
}
/* ------------------- end footer ----------------- */


/* -------------------- table --------------------- */

.contenttable {
	border-collapse: collapse;
	width: 437px;
}

* html .contenttable {
	width: 424px;
}

.contenttable td {
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
}


/* -------------------- end table -------------------- */

/* ------------------- start kontaktformular ----------------- */

fieldset {
border: none;
padding-left: 0px !important;
}

.formfield, input {
border: 1px solid #551D4B;
background-color: #E1DDD9;
width: 310px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 2px 5px 2px 5px;
}

.csc-mailform-field label {
float: left;
width: 200px;
margin-top: 20px;
}

.csc-mailform-field input {
clear: both;
float: left;
}

.csc-mailform-field {
clear: both;
}

.csc-mailform-field .csc-mailform-check {
width: 15px;
float: left;
clear: right;
margin-top: 20px;
border: none;
background-color: #ffffff;
}

.formfield:hover, input:hover {
background-color: #CCC;
}

.csc-mailform-submit {
margin-top: 20px;
}

textarea {
clear: both;
float: left;
border: 1px solid #000000;
background-color: #E1DDD9;
width: 310px;
padding: 2px 5px 2px 5px;
}

textarea:hover {
background-color: #CCC;
}

.button {
border: 1px solid #551D4B;
background-color: #858585;
width: 322px;
padding: 2px 5px 2px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #FFF;
font-weight: bold;
}
.button:hover{
background-color: #777;
}
/* ------------------- ende kontaktformular ----------------- */ 


/* ------------------- start float containers fix ----------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-table;}
/* ------------------- end float containers fix ----------------- */

/* ------------------- hide from ie-mac ----------------- */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* ------------------- end hide from ie-mac ----------------- */
.agb{
   padding-left: 10px;
}