body {
	background-color: #ffe2a1;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
}

body, td, input {
	font-size: 17px;
}

h2 {
	font-weight: normal;
}

img {
	border: 0px;
}

/* links */
#boxlinks {
	float: left;
	padding-left: 30px;
	padding-top: 30px;
}

/* navigation */
#boxlinks ul.Navigation {
	padding: 0;
}
#boxlinks ul.Navigation li {
	list-style: none;
	padding: 8px;
}
#boxlinks ul.Navigation a {
	display: block;
	text-decoration: none;
}
#boxlinks ul.Navigation a:hover {
	text-decoration: underline;
}
#boxlinks ul.Navigation a.active {
	font-weight: bold;
	text-decoration: underline;
}
.Logo, ul.Navigation {
	margin-bottom: 40px;
}

/* rechts */
div#boxrechts {
	margin-left: 280px;
	padding: 10px;
	padding-left: 20px;
	background-color: #ffe5ac;
	border-left: 1px solid #ffecc3;
	border-bottom: 1px solid #ffecc3;
}

/* unten */
.Fusszeile {
	padding-top: 20px;
	font-size: 12px;
	color: #d7895a;
}

.Fusszeile a, .Fusszeile a:hover {
	color: #d7895a;
}

/* punkte mit grafik */
ul.bullets {
	list-style-image: url(../img/bullet.png);
}
ul.bullets li {
	padding: 3px;
}

/* workshops */
table.Uebersicht td {
	padding-bottom: 10px;
	padding-right: 10px;
}

table.Uebersicht img {
	width: 200px;
}

div.textfluss-rechts {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px
}

/* formular */
form table td {
	padding: 5px;
}

/* helles rot */
h1, a, ul.bullets, .lightred {
	color: #d40000;
}
/* dunkles rot */
h2, a:hover, .darkred {
	color: #800000;
}

/* responsiveness */
@media screen and (max-device-width: 480px) {
  #boxlinks {
	padding: 10px;
	float: none;
	text-align: center;
	border-bottom: 1px solid #fff;
  }
  .Logo, ul.Navigation {
    margin-bottom: 0px;
  }
  div#boxrechts {
	margin-left: 0px;
  }
  #boxlinks ul.Navigation li {
    padding: 0px;
  }
  table.Uebersicht td {
    vertical-align: top;
    padding: 0px;
  }
  table.Uebersicht img.Vorschau {
    width: 100px;
  }
}