span#page
  {
  	display: block;
  	width: 780px;

  }

/* CONTAINER */

span#container-main-top
  {
	display: block;
	background: url(../images/container_main_top.png) no-repeat left top;
	height: 15px;
  }

span#container-main
  {
	display: block;
	background: url(../images/container_main_middle.png) repeat-y left;
	height: auto;
	padding-left: 0px;
	padding-bottom: 15px;
	text-align: left;
	vertical-align: top;

	color: #303030;
	font-size: 12px;
  }

span#container-main-bottom
  {
  display: block;
	background: url(../images/container_main_bottom.png) no-repeat left top;
	height: 15px;
	padding: 0px;
	margin-bottom: 10px;
  }

span#bottom {
	display: inline-block;
}

/* TITLE */

span#title
  {
  	display: table;
    background: url(../images/theme_title_bg.png) bottom left no-repeat;
    width: 778px;
    height: 48px;

    margin: 0px 0px 0px 1px;

    border-bottom: 4px solid #c0c080;

    color: #fff;
    font-size: 28px;
    font-weight: bold;

    overflow: hidden;
    border: 0px solid white;
  }

span#title>span
  {
    display: table-cell;
    vertical-align: middle;
  }

/*** LoginInfo ************************************************************/

span#title>span.space
  {
    width: 100%;
  }

span.logininfo
  {
  	/* background: rgba(192, 192, 128, 0.35); */

  	display: table;
  	border-left: 1px solid white;

  	height:37px;
  	width: 190px;

    margin: 0px;
  	padding: 7px 7px 0px 7px;

  	font-size: 9px;
  	color: #ffff80;
  }

span.logininfo>span
  {
    display: table-cell;
    vertical-align: middle;
  }

span.logininfo>span>h3
  {
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    margin: 0px;
    padding: 1px;
  }

span.logininfo img
  {
    display: inline-block;
    width: 32px;
    height: 32px;
    float: right;
    margin-right: 10px;
    border: 0px;
  }

span.logininfo a#logout { color: white; }
span.logininfo a:hover { border-bottom: 1px solid; }

/* Basket */

span.basketinfo
  {
    position: absolute;
    right: 20px;
    display: table;
    width: 120px;

    margin: 0px;
    border: 0px solid;

    font-size: 11px;
  }

span.basketinfo span
  {
    display: table-cell;

    border: 0px solid;

    text-align: left;
    vertical-align: middle;
  }

span.basketinfo a
  {
    color: black;
  }

span.basketinfo img
  {
    margin-right: 6px;
  }

/*
<span class="logininfo" id="admin">
  <a class="admin_client_summary" href="index.php?p=admin_client_summary"><img src="/wisa2/wisa/themes/wulsch/icons/wulsch_medium.png"></a>
  <h3>Sie sind eingeloggt!</h3>
  <span>Administrator: <a class="admin_client_summary" href="index.php?p=admin_client_summary">doesel</a></span>
  <span><a id="logout" href="?dologout=1">Logout</a></span>
</span>
*/


/* PAGEPATH */

span#page_path
  {
  	/* background: #f0f0a0; */
  	/* background: url(../images/opaque_white_50.png) repeat; */
  	/* background: rgb(255, 255, 255); */
  	background: rgba(255, 255, 255, .5);

  	display: block;
  	width: 728px;
  	margin: 0px 0px 25px 1px;
    padding: 5px 25px 5px 25px;

    font-size: 12px;
  }

span#page_path>ul
  {
  	display: inline;
  	padding: 0px;
  	margin: 0px;

    list-style-type: disc;
  	/* list-style-image: url(); */
  }

span#page_path>ul>li
  {
  	display: inline;
  	padding: 2px 2px 2px 2px;
  }

span#page_path>ul>li>a
  {
  	font-weight: normal;

  	text-decoration: none;
    color: #303030;
  }

/* CONTENT */

span#content
  {
    display: block;
  	background: white;
  	background: rgba(255, 255, 255, .5) url(../images/pagebg_default.png) repeat-x top;

    margin: 0px 25px 0px 25px;
    padding: 25px;

    font-size: 12px;
  	text-align: left;

  	border: 1px solid #c0c0c0; /* zusammen mit Menupunkten */
  	-moz-border-radius:0px 0px 5px 5px;
  	-khtml-border-radius:0px 0px 5px 5px;
  	-webkit-border-radius:0px 0px 5px 5px;
  	border-radius:0px 0px 5px 5px;

  	box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.3);
  }

span#login_popup
  {
    visibility: hidden;
  }

span.logo_ssl {
  display: inline-block;
  width: 150px;
}