body {
  margin: 0;
  background-color: #b0b0b0;

  font-family: Arial, 'Helvetica Bold', Charcoal, Sans-serif;
  font-weight: normal;
  font-size: small;
}

h1 {
  font-size: medium; 
  color: black;
  margin: 0px 0px 10px 0px;
}

h2 {
  font-size: medium; 
  color: red;
  margin: 0px 0px 0px 0px;
}

h3 {
  font-size: small; 
  color: red;
  margin: 0px 0px 5px 0px;
}

p {
  text-align: justify;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
}

a, a:link, a:visited, a:hover, a:focus, a:active {
  text-decoration: underline;
/*  color: blue;*/
  text-transform: none;
  margin: 0px 0px 0px 0px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding: 0;
  margin: 0;
}

img {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
}

form {
  background: #de2;
  background:transparent;
  border: 1px solid #FFE2E2;
  margin-bottom: 50px;
  padding:.5em;
}

label {
  display: block;
  width: 70px; 
  float: left;
  text-align: right; 
  padding-right: 1em; 
}

input {
  margin-bottom: 1px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  width: auto;
}

tr, td {
  vertical-align: top;
  text-align: left;
}

table.styled {
	border-spacing: 0px;
	width: 100%;
	font-color: black;
	border-collapse: collapse;
  background-color: white;
}

table.styled th {
		border-bottom: 1px solid black;  
		padding: 1px;
}

table.styled td {
		border-bottom: 1px solid black;  
		padding: 1px 20px 1px 1px;
}

table.styled thead {
		text-align: left;
}

table.styled tbody tr:hover td, 
table.styled tbody tr:hover th, 
table.styled tbody tr:hover td a, 
table.styled tbody tr:hover th a {
	color: black;
	background-color: #fcc4c4;
}

/* Die einzelnen Layer des Layouts *******************************/


div#banner {
  position: absolute;
  top: 15px;
  left: 40px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#menu {
  position: absolute;
  width: 380px;
  top: 127px;
  left: 515px;
}

div#page{
  float: left;
  width: 839px;
  padding: 20px 0px 0px 20px;
  margin: 156px 0px 0px 40px;
  background-color: white;
}

div#content {
  float: left;
  width: 550px;
  padding: 0px 0px 0px 0px; 
  margin: 0px 15px 10px 0px;

/*  border: 1px solid green; */
}

div#widgets {
  float: left;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 10px 0px;

/*  border: 1px solid red; */
}

div#footer {
  clear: both;

  width: 819px;
  padding: 10px 20px 10px 20px;
  margin: 10px 0px 30px 40px;
  background-color: white;

  border-top: 1px solid #b0b0b0;
  border-radius: 0px 0px 10px 10px;
}

div#footer a {
  font-family: Arial, 'Helvetica Bold', Charcoal, Sans-serif;
  font-weight: normal;
  font-size: small;
  text-decoration: none;
  color: #b0b0b0;
  margin: 0px 0px 0px 0px;
}

div.admin {
   background-color: #E4CDCD;
   border: 1px solid #797272;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 10px 0px;
   clear: both;
}

div.admin > p {
   padding: 2px 0px 2px 0px !important;
   margin: 0px 0px 0px 0px !important;
   text-align: center !important;
}

div.admin a {
  font-family: Arial, 'Helvetica Bold', Charcoal, Sans-serif !important;
  font-weight: normal !important;
  font-size: small !important;
  text-decoration: underline !important;
  color: blue !important;
  margin: 0px 10px 0px 0px !important;
}

div#fb-root {
  clear: both;
  width: 249px;
  padding: 3px 3px 3px 3px;
  margin: 0px 0px 10px 0px;

  border: 1px solid #d7d7d7;
  border-radius: 5px 5px 5px 5px;
}

div#newsletter-box {
  width: 239px;

  padding: 3px 3px 3px 13px; 
  margin: 0px 0px 15px 0px;

  border: 1px solid #b0b0b0;
  border-radius: 5px 5px 5px 5px;
}

connect_widget {
  border: none;
}
