/* dbstdnew.css - new standard page style for http://www.dennisbusch.de */
body
{
	max-width: 860px;
	margin-left: auto; margin-right: auto;
	color: #A0A0A0; background: #606060;
	font-size: 16px;
	line-height: 28px;
}

/* link */
a 
{
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0; /* same as background color for box, so the border is "invisible but still there to avoid surrounding text getting pushed around while hovering" */
	color: #101010;
	text-decoration: none;
	font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
}

/* link mouse over */
a:hover 
{
	border-width: 1px;
	border-style: solid;
	border-color: #101010;
	color: #101010;
	text-decoration: none;
	background: #F0F0F0;
	font-weight: bold;
}

a.selected
{
  border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	font-weight: bold;
}

a.selected:hover
{
  border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	font-weight: bold;
}

input[type="image"].picturebox
{
	border-width: 1px;
	border-style: solid;
	border-color: #E0E0E0; /* same as background color for box, so border is there but not visible*/
	color: #101010;
	text-decoration: none;
	padding: 3px;
  margin: 1px;

}

input[type="image"].picturebox:hover
{
  border-color: #101010;
  background: #F0F0F0;
  /* padding-top: 0px; */
  /* padding-bottom: 6px; */
}

input[type="image"].pictureboxselected
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	padding: 3px;
  margin: 1px;
}

input[type="image"].pictureboxselected:hover
{
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	padding: 3px;
  margin: 1px;
}

/* separator box */
div.box
{
  text-align: left;
  background: #E0E0E0;
  padding: 6px;
  margin: 3px;
}

/* separator box */
div.projectdetails
{
  text-align: left;
  background: #E0E0E0;
  color: #707070; /* a bit darker than the standard text color to emphasize the details over the project navigation */
  padding: 6px;
  margin: 3px;
}

/* page background box */
div.pagebox
{
  background: #B0B0B0;
  padding: 3px;
  margin: 0px;
}

/* navbar div */
div.navbar
{
	color: #F0F0F0;
	background: #D0D0D0;
	padding: 6px;
	margin: 3px;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
}
/* link */
.navbar a
{
	border-width: 1px;
	border-style: dashed;
	border-color: #101010;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
}

/* link mouse over */
.navbar a:hover 
{
	border-width: 1px;
	border-style: solid;
	border-color: #101010;
	color: #101010;
	font-weight: bold;
	text-decoration: none;
	background: #F0F0F0;
}

.navbar a.selected
{
  border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	font-weight: bold;
}

.navbar a.selected:hover
{
  border-width: 1px;
	border-style: solid;
	border-color: #000000;
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
	font-weight: bold;
}
/* end of div.navbar */

/* image rendering for pixel art */
/* removed, as it's not valid CSS and only affects zoomed images (which I don't use anymore)
img 
{
  image-rendering: -moz-crisp-edges;        /* Firefox */
/*  -ms-interpolation-mode: nearest-neighbor;  /* IE */
/*}
*/