#customer { width: 799px; height: 343px; background: #fff; padding: 35px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	font-weight: normal; }
  
  #customer .customer_info { margin: 0 200px 20px 100px; }
  
  #customer_up-download {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	font-weight: normal;
	margin: -12px 0 20px 0; }
  #customer_up-download a {
  	color: #000000;
	text-decoration: none; }
  
  #nav_customer {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	font-weight: normal;
	margin-top: -9px; }
  #nav_customer h2 {
    font-size: 100%; }
  #nav_customer .vlist {
	width: 100%;
    overflow: hidden;
    margin: 0;
	padding: 0;
    list-style-type: none; }
  #nav_customer .vlist a {
    font-weight: bold;
	color: #666;
	text-decoration: none; }
  #nav_customer .vlist .logout a {
	color: red; }
  #nav_customer .vlist .level3 {
    margin-left: 10px; }

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
  
  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

  /**
   * Login | Anmelden
   * (en) 
   * (de) Layout Anmeldebereich
   *
   * @section header-login
   */

  #login .info { background: #f8f8f8; color: #666; border: 1px solid #666; padding: 10px; margin-bottom: 0.5em; }

  #login .note { background: #efe; color: #040; border: 1px #484 solid; padding: 10px; margin-bottom: 1em; }
  #login .important { background: #ffe; color: #440; border: 1px #884 solid; padding: 10px; margin-bottom: 1em; }
  #login .warning { background: #fee; color: #400; border: 1px #844 solid; padding: 10px; margin-bottom: 1em; }

  #login {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	font-weight: normal;
	width: 250px;
    border: 1px solid #CCC;
    margin: 0 180px;
	padding: 1px;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
	background: #e9e7dd; }
  #login p.warning,
  #login p.info,
  #login p.note { }
  #login .subcolumns .c50r p { margin-right: 25px; }
  #login .subcolumns .c50r h2 { font-size: 100%; }
  #login .subcolumns .c50l p,
  #login .subcolumns .c50l h2 { font-size: 100%; margin-left: 25px; }
  #login h3 {
    font-size: 108.33%;
	font-weight: normal;
    padding: 7px;
    background: #5c564f;
	color: #FFF;
	margin: 0 0 10px 0;
	text-align: center;
	border-top: 1px solid #5c564f;
	border-right: 1px solid #5c564f;
	border-left: 1px solid #5c564f;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px; }
  #login form { margin: 0 25px 0 25px; }
  #login label { display: block; width: 190px; margin: 2px 0; }
  #login input {
	border: 1px solid #666;
	height: 18px;
	margin: 0;
	padding: 0;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px; }
  #login #username,
  #login #password,
  #login #myusername,
  #login #oldpw,
  #login #newpw1,
  #login #newpw2 { margin: 2px 0; width: 200px; height: 20px; }
  #login #loginBtn,
  #login #logoutBtn { margin: 5px 0 0 90px; }
  #login #logoutBtn { color: #f00; }
  #login a#forgotPwd { font-size: 83.33%; float: right; color: #999; }
  #login #tab-submit-button ul { margin: 5px 0 0 0; }
  #login a { color: #000; }

  /**
   *
   * (de) Formatierung der Submitbuttons
   *
   */
   
  #tab-submit-button { width: auto; font-size: .9em; margin-bottom: 40px; }
  .infor #tab-submit-button { width: 300px; }
  #tab-submit-button ul { float: right; padding: 0; margin: 0px; margin-top: -1em; }
  #tab-submit-button li { list-style-type: none; list-style-image: none; background: url("../images/tab_left.png") no-repeat left top; float: left; padding: 0 0 0 3px; margin-left: 10px; }
  #tab-submit-button a { background: url("../images/tab_right.png") no-repeat right top; float: left; text-decoration: none; display: block; padding: 3px 8px 4px 5px; }
  #tab-submit-button a:hover { color: #666; }
  
/***********************
* Up-Download Styles 
***********************/

#upload_form {
	padding: 10px 20px 40px 20px;
    border: 1px solid #CCC;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
	background: #e9e7dd;
	margin-bottom: 20px; }

#upload_form label {
	width: 100px; }

#upload_form label.medienname,
#upload_form label.myfile {
	height: 40px; }

#upload_form .edit_file_name {
	margin: 0 0 5px 100px;
	font-weight: bold; }

#upload_form .upl_formdesc_button input {
	float: right;
	margin: 5px 0; }

#upload_form form.yform .type-button input {
	float: right;
	height: 25px;
	margin-left: 5px;
	padding: .2em 1.2em;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px; }

img.icon_up_down {
	text-align: left;
	vertical-align: middle;
	border: none; }

#uploadStatus {
	width: 100%;
	text-align: center; }

#uploadStatus img {
	border: none; }

#upload_form input {
	margin: 3px 0;}
	
.upl_formdesc {
    width:100px;
    float:left;
    display:block;
}

#updownload table {
	margin-bottom: 20px; }
#updownload small {
    color:#000; }

.upl_table, .upl_file_inactive {
    border-collapse: collapse;
    border-bottom: 2px solid #ccc;
	border-top: none;
}

td.upl_file,
td.upl_folder {
    padding: 4px;
    background:#fff;
	border-bottom: 1px solid #ccc; }

td.upl_file p {
    padding:0px;
    margin:0px;
}

td.upl_file img {
    border: none;
}

td.upl_file small {
    font-size:10px;
    color:#000;
}

td.upl_file span.more_info {
    color:#888;
}

td.filesize {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; }

.upl_file_inactive {
    padding:0px;
    background:#ccc;
}

.upl_file_inactive form {
    margin:0px;
    padding:0px;
}

td.upl_folder {
    border-bottom: 2px solid #CCC;
	margin: 3px 0;
}

td.upl_folder img {
    border:0px;
}

th.upl_textaction, th.upl_textfilename, th.upl_textsize, th.upl_textdate {
    background: #5c564f;
	color: #FFF;
}

td.upl_textfilename{
    border-right:0px;
}

.upl_textbox {
}

div.upl_filename {
    font-weight:bold;
    height:16px;
}

td.upl_textsize {
    width:80px;
}

td.upl_textdate {
    width:70px;
    border-bottom:1px #000 solid;
}

#showMessage {
    padding:5px;
    font-weight:normal;
    background-color:#DAEDF9;
    border: 1px dotted #3F9AC9;
}

tr.edit td.upl_file {
    background-color: #DAEDF9;
}

h3.showUpload {
    color:#3F9AC9;
    font-size:12px;
}

#showMessage {
    margin:0px 0px 10px 60px;
    width:300px;
    text-align:center;
}

#showMessage form {
    margin:0px;
}

#showMessage h3 {
    font-size:14px;
    padding:0px;
    margin:0px;
    text-align:center;
}

div.upl_filename img,
div.upl_filename div {
	margin-right: 5px; }

div.upl_filename div.psd     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -3px;}
div.upl_filename div.ai      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -3px;}
div.upl_filename div.html    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -3px;}
div.upl_filename div.htm     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -3px;}
div.upl_filename div.7z      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -25px;}
div.upl_filename div.pdf     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -25px;}
div.upl_filename div.torrent {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -25px;}
div.upl_filename div.empty   {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -25px;}
div.upl_filename div.flv     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -25px;}
div.upl_filename div.m4p     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -25px;}
div.upl_filename div.iso     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -47px;}
div.upl_filename div.rm      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -47px;}
div.upl_filename div.ra      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -47px;}
div.upl_filename div.ram     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -47px;}
div.upl_filename div.m3u     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -47px;}
div.upl_filename div.wmv     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -47px;}
div.upl_filename div.wma     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -47px;}
div.upl_filename div.rar     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -47px;}
div.upl_filename div.zip     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -69px;}
div.upl_filename div.png     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -69px;}
div.upl_filename div.jpg     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -69px;}
div.upl_filename div.jpeg    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -69px;}
div.upl_filename div.jpe     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -69px;}
div.upl_filename div.gif     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -69px;}
div.upl_filename div.tif     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -69px;}
div.upl_filename div.tiff    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -69px;}
div.upl_filename div.bmp     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -69px;}
div.upl_filename div.ico     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -69px;}
div.upl_filename div.svg     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -69px;}
div.upl_filename div.cdr     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -91px;}
div.upl_filename div.eps     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -91px;}
div.upl_filename div.indd    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -91px;}
div.upl_filename div.mdi     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -91px;}
div.upl_filename div.ps      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -91px;}
div.upl_filename div.mov     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -91px;}
div.upl_filename div.odt     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -113px;}
div.upl_filename div.ods     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -113px;}
div.upl_filename div.odp     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -113px;}
div.upl_filename div.odg     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -113px;}
div.upl_filename div.odf     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -113px;}
div.upl_filename div.odb     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -113px;}
div.upl_filename div.odc     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -113px;}
div.upl_filename div.emf     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -113px;}
div.upl_filename div.rtf     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -135px;}
div.upl_filename div.doc     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -135px;}
div.upl_filename div.docx    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -135px;}
div.upl_filename div.xls     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -135px;}
div.upl_filename div.xlsx    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -135px;}
div.upl_filename div.ppt     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -135px;}
div.upl_filename div.pptx    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -135px;}
div.upl_filename div.mdb     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -135px;}
div.upl_filename div.accdb   {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -135px;}
div.upl_filename div.txt     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -3px -157px;}
div.upl_filename div.php     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -157px;}
div.upl_filename div.php3    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -157px;}
div.upl_filename div.php4    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -157px;}
div.upl_filename div.php5    {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -25px -157px;}
div.upl_filename div.css     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -47px -157px;}
div.upl_filename div.js      {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -69px -157px;}
div.upl_filename div.asp     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -91px -157px;}
div.upl_filename div.jsp     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -113px -157px;}
div.upl_filename div.xml     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -135px -157px;}
div.upl_filename div.csv     {height:16px;width:16px;float:left;background: transparent url('../images/icons/file-icons.gif') no-repeat -157px -157px;}