body {
	font-family: sans-serif;
	background-color: #999;
}

#maincontent, #footer { /* shadows only */
	box-shadow: 0px 0px 20px rgba(0,0,0,0.35);
}

#header {
  text-align: right;
  padding: 10px;
  background-color: #eee;
  margin: 0px;
  color: #000000;
  display: block;
}

#header h1{
  display: inline;
  padding-left: 10px;
  font-family: sans-serif;
}


.menu {
  font-family: sans-serif;
  font-size: 14px;
  clear: both;
  padding: 0px;
  margin: 0px;
  line-height: 18px;
  position: relative;
  z-index: 110;
  box-shadow: 0px 1px 4px rgba(0,0,0,0.30);
  -o-box-shadow: 0px 1px 4px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.30);
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.30);
}

.menu .first {
  color:#666666;
}

.menu .current {
  font-weight: bold;
}

.menu .ext {
  font-style: italic;
}

.globalmenu {
  background-color: #f8f8f8;
}  

.globalmenu .button:hover{
  background-color:#ccc; 
}

.globalmenu .button.current {
  background-color: #e8e8e8;
}

.submenu {
  /*border-top: 4px solid #e8e8e8;*/
  padding-left: 30px;
  background-color: #e8e8e8;
  box-shadow: 0 3px 3px rgba(0,0,0,0.20);
  line-height: 20px;
}  

.submenu .button:hover{
  background-color:#bbb; 
}

.submenu .button.current {
  background-color:#d6d6d6; 
}

.submenu .button span {
	/*display: none;*/ /* TODO create project overview page and enable */
	font-weight: normal;
	padding-left: 5px;
}

.submenu .button.current span {
	display: inline; 
}

.menu .button{
  display: block;
  float: left;
  padding: 5px 15px;
  margin: 0px;
  white-space: nowrap;
}

.menu .button img{
  border: none;
  vertical-align:text-top;
}


body {
  padding: 0;
  margin: 0;
  border: 0;
}

#maincontent {
  padding: 20px 20px 50px 20px;
  margin: 0 auto;
  border:0;
  max-width: 1000px;
  background-color: #fff;
  min-height: 200px;
}

.clear {
  padding: 0;
  margin: 0;
  border: 0 none;
  clear: both;
  }

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
}

ul {
  list-style-type: square;
}


a.special{
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}

#footer { 
  text-align: center;
  margin: 20px auto 30px;
  padding: 10px 20px;
  clear: both;
  font-size: 70%;
  max-width: 1000px;
  background-color: #eee;
  border-radius: 5px;
}

.jumplinks {
  font-family: sans-serif;
  font-weight: bold;
  background-color: #ffffcc;
  border: 2px solid #ffcc00;
  padding: 5px 30px;
  text-align: center;
  margin: 10px auto;
}

#iewarning {
  font-family: sans-serif;
  background-color: #ffaaaa;
  border: 2px solid #ff0000;
  padding: 10px;
  margin: 10px auto;
  max-width: 1000px;
  width: 80%;
  font-size: 85%;
}


@media print {
#iewarning {display:none;}
#jumplinks {display:none;}
}

.nicetable {
	border-collapse:collapse;
}

.nicetable td, th {
	padding: 5px 15px;
	border: 1px solid #ccc;
}

.nicetable th {
	font-weight: bold;
	background-color: #eee;
}

.langcolumn-de {
	float: left;
	width: 49%;
	clear: both;
}

.langcolumn-en {
	float: right;
	width: 49%;
}

.langcolumn-de>:first-child:before {
	content: "";
	width: 28px;
	height: 17px;
	display: block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAARCAYAAADOk8xKAAAABmJLR0QA/wD/AP+gvaeTAAAANUlEQVQ4jWNkYGD4z0BHwERPy0YtpAlg8aKzhYx3R1PpqIUkAsYvnfRNNIz/z42m0lELSQMAPVwIjlIP/GMAAAAASUVORK5CYII=');
	margin-bottom: 5px;
}

.langcolumn-en>:first-child:before {
	content: "";
	width: 32px;
	height: 17px;
	display: block;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAARCAYAAAC8XK78AAAFH0lEQVRIiaWTeVDUZRjHP/vjx8ICu+zCAstyBGogGxKIcg+Wx6CpGY5HnpNHTTplh1o2aR5k5ZRaOo6plWamJioeeaWkOebCiogirqiIAsKuyM0uK8su/dFMDSUe9fz3zny/38/zvs/zSnrFzbArA9RiRXU9kT00FJXcJjk+gt/PlZKeFMXpPCOp/SPJK7xOTFQI1hu3OxbfLGrlf1ZbWorUc84kD0lA4pt2H7Va1Pp5U13bRJC/N6Z7TTyl9aW8qo6QQBV3zI0E+nlzx9yIo9lizX059tJ/BZvdvJRWna5XSmIPsaWlGdFb7kFIoIoqUwMRYf5cvlZNSlwPzhSWkd6vF6cLbpDatwf6optEPx3ErXIT8sSYjicF17c7PW45ZdHJ/cOlblIX8ooqWfLlUUTznTrBYpeQGteTE/qrvDDgGX4+dZnRQ2LJPnaesRnx7P6lkNFDYtl34iI+TU3SosHTwh4X7FCphPblC/2TRvQXw+TuGMtqWbgql5zjRuSyTsTQnhohWBvA6YLrDEqOJOf4RSa/mMB3e84yY0wqW3L0TB2VyJacPDIHx1JlbhDTf/wm+FHgDocT/YVKdOFqAnw9uWNuZt5nx9iy5wIdDudfOoksYprDV6sREvqEcUJvZGxGPDsOn2PyyAS27s/nlcxktuTomTQigexj5/GxtHb8JK01dUt2EWDWNJ+gEekeQRpvmlvvs367ga05Rdjud52ch5sTSe8h7zk0gRrhRkUtCX3COH7WyJiMOHYdKWTC8H7sPFzAuGHxZB8tZEhKFOXG29bdKZrCB7FdXdHKQjRaUaVwd5HLQZA89JVabDYkfolz7MFafzE8WI2xzEScLoSLV6voqwvlgrGSvrpQCkpuERcViqH4Fm4SidWwdnqXX9B2odi/fse+0NbTevFRo+ni85IhCUt6o9PD149KUwO6noHkXyrn+cQITuZfY2BSJL/mlfJcQgSnDNdIjAnHYixjbZkBAHlYAG4OKx31DdDZ+STsvxtoaGhoUiqViicxOppaqHxrEY2Hc6GzE0HmjuivfuIGrO5SxJKZi66o3GXSxzFYlCqlu8I1VN7vWVEWF03joRMAeKUloN64ihZLO/YrpdgrKhGUSuzRMVja2rvNs1lbEZ3t7VaHU9K9CrDJlcoOF3u058G9gnt0byzJScj+oSkoriamt4agAfHU7zZhWrYC1wA1dSPHMe9QFcWl5n/lKjxA1G3MClb5qDweeOO6ZvHKig3+soMHBEWwFrcvslhRbEc438hHqq7a0vJ7jHp9O3NnpDJvZgZRLw3l3tZdaFeuZF+/WArnDmNBdillFfVdfKI+fJDGSxC77ECntwLXoWl4n/kNhbccxZL3WX/Xi9VZeVjb7MyamNAlxMXLE4BWaztL155k3bZ8Ppw9gFlTx+M7IZO7X28lctXH5A4dSO6YdBb+UERNbcufDURsWnZF5SmXAkicTuG6oUTndeiAVDCcxWfebHY4g/hkjZ66Rmv3MxKELsd7DVbeWX6E1ZvPsmTOQKa8/RrqaeMxr95E/1WLyZ88ll3KNL7KLkAQ/XxsotbPVl58vXdN1uexXnt2SdUzJmL44FMSt9Uwd2Xuw+EPqYrqJqYvyCFm+Dr2n6tBu2w+kSf30FlXT8aG5RwdoUDUb9qdFGqudBdqTEgzh1MSk0bW9wZKy/d2G3zf1kqzswOL4s/VEQUJVksLOG0P1JdX1DBzwU7WbA5g/qtppC59F+mUTG6s+ZY/AIvC/g4BmjOwAAAAAElFTkSuQmCC');
	margin-bottom: 5px;
}

