body { font-family: Verdana; background-color: #E8E7E5; }

#header { background-color: #E8E7E5; }
#menu { background-color: #3D3D3B; }
#main { background-color: #3D3D3B; }


/* Positions */


body {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  height: 100%;

  width: 100%;
}

#logocontainer {
  position: fixed;
  top: 0;
  left: 0px;
  width: 225px;
  height: 99px;
  background-color: #E8E7E5;
}

#logo {
  background-color: #C8C8C8;
  position: fixed;
  top: 0;
  left: 10px;
  width: 205px;
  height: 99px;
  text-align: center;
}

#header {
  margin-left: 225px;
  position: fixed;
  top: 0;
  color: #A8A8A8;
  left: 0;
  width: 100%;
  height: 99px;
  overflow: hidden;
  padding-left: 35px;
  padding-top: 0px;
}

#menu {
  position: fixed;
  top: 99px;
  left: 0;
  width: 225px;
  height: 100%;
  bottom: 0;
  overflow: hidden;
}

#main {
  position: fixed;
  top: 99px;
  left: 225px;
  right: 0;
  bottom: 0;
  overflow: auto;
  padding: 15px 15px 15px 35px;
}

* html body {
  padding: 99px 0 0 225px;
}

* html #main {
  height: 100%;
  width: 100%;
}

#header .header {
  font-size: 38pt;
  height: 99px;
  margin-top: 15px;
}
#header .header span {
  font-size: 10pt;
}

/* Menu */

#menu a, #menu a:link, #menu a:active, #menu a:visited, #menu a:hover, #menu a:focus
{
  color: #000000;
  text-decoration: none;
}
#menu a:hover
{
  color: #fff;
}

#menu ul.menu
{
  background-color: #A8A8A7;
  padding-top: 20px;
  padding-left: 10px;
  margin-top: 0px;
  margin-right: 10px;
}
ul.menu, ul.submenu, ul.subsubmenu
{
  padding-left: 0px;
  margin-left: 10px;
}
ul.menu li
{
  font-weight: bold;
  list-style-type: none;
  
  padding: 2px 2px 2px 2px;
}
ul.submenu
{
  font-size: small;
}
ul.submenu li
{
  list-style-type: none;
  list-style-position: inside;
}
ul.menu li:hover
{
  /*background-color: #C9C9C8;*/
}
ul.submenu li
{
  font-weight: normal;
  padding-left: 8px;
}
ul.subsubmenu li
{
  font-weight: normal;
  padding-left: 8px;
}

li.menu
{
  font-variant: small-caps;
}

#menubottom
{
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 7pt;
}

#main
{
  color: #ffffff;
}

#main p
{
  max-width: 600px;
}

#main a, #main a:link, #main a:active, #main a:visited, #main a:hover, #main a:focus
{
  color: #ffffff;
}

.cv { font-size: 9pt; }
.cv th { text-align: left; }
.cv td.cvleft { vertical-align: top; padding-right: 30px; }


ul.sorttableul { display: table; list-style-type: none; margin-left: 0; padding-left: 0; }
ul.sorttableul li { display: table-row; margin-left: 0; list-style-type: none; padding-left: 0; }
ul.sorttableul li span { display: table-cell; padding: 2px 2px 2px 2px; }
ul.sorttableul li span.name { min-width: 200px; cursor: move; }
ul.sorttableul li span.name:before { content: url(/images/drag.gif); cursor: move; }

a.edit, a.edit:link, a.edit:active,a.edit:visited,a.edit:focus,a.edit:hover
{
	text-decoration: none;
	margin-left: 30px;
}
a.edit
{
	border-bottom: white 1px solid;
}
a.edit:before
{
	content: url(/images/b_edit.png);
	/*margin-left: 30px;*/
}
a.drop, a.drop:link, a.drop:active,a.drop:visited,a.drop:focus,a.drop:hover
{
	text-decoration: none;
	margin-left: 30px;
}
a.drop
{
	border-bottom: white 1px solid;
}
a.drop:before
{
	content: url(/images/b_drop.png);
	/*margin-left: 30px;*/
}
.notallowed
{
	cursor: not-allowed;
}
}