* {
 box-sizing: border-box;
}

html, body {
    min-height: 100% !important;
    height: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Arial, sans-serif;
	line-height: 1.4;
	background-color: #fff;
}

ul, ol, dl {
	margin: 0;
}
h1, h2, h3, h4, h5, h6  {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0px;
}

h1, h2, h3 {
    color: #930;  
}

h1 {
	font-weight: normal;
	font-size: 2em;
    line-height: 1.25;
}
h2 {
	margin-bottom: 0px;
	font-size: 1.625em;
    line-height: 1.15;
}
h3 {
	font-size: 1.375em;
    line-height: 1.14;
}
h4 {
	color: #333;
	font-weight: bold;
	font-size: 1.125em;
    line-height: 1.1;
    margin-top: 20px;
}

p  {
	margin-bottom: 5px;
}

a img { 
	padding-bottom: 0px;
}


a:link {
	color:#993300;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #999;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}

.container {
	background-color: #fff;
    max-width: 950px;
    margin: 0 auto;
    height: 100%;
    min-height: 100%;
}

header {
	background-color: #999966;
}

.sidebar1 p {
	padding: 0 30px;
}

ul.sidebar1 {

	list-style: none;
	margin-top: 33px;
}

ul.sidebar1 a, ul.sidebar1 a:visited {
	display: block;
}

.sidebar1 img {
    text-align: center;
    margin: 0 auto;
    padding-left:30px;
    padding-top: 0px;
    padding-bottom: 30px;
}


main {
	padding: 30px;
	max-width: 90%;  
}

.container main .lesungen-einzelne .plakat-foto-video-audio ul li a img {
	border: thin solid #000;
}

.container main p img {
	border: thin solid #000;
}

.plakat-foto-video-audio img {
	border: thin solid #000;
}

main ul, main ol {
	padding: 0px 0px 30px 30px;
}

.lesungen-einzelne {
	border-top: solid #ccc 1px;
	padding-bottom: 25px;
}

.lesungen-einzelne h3 {
	padding-top: 25px;
}

.zurueck-nach-oben {
	margin-bottom: 0px;
	padding-right: 30px;
	padding-top: 5px;
	float: right;
}
.zurueck-nach-oben a {
	font-weight: normal;
	color: #930;
}
.plakat-foto-video-audio {
	padding-bottom: 10px;
	padding-top: 15px;
	padding-left: 15px;
}
.plakat-foto-video-audio ul {
	display: table;
	padding: 0px;
	margin: 0px;
}
.plakat-foto-video-audio ul li {
	display: table-row;
	list-style: none;
}
.plakat-foto-video-audio a {
	display: table-cell;
	max-width: 160px;
	font-weight: normal;
	padding-right: 15px;
}

/* ~~ The footer ~~ */
footer {
    clear: both; 
    padding-bottom: 30px;
}

footer p {
	color: #630;
}

footer p a {
    font-weight: bold;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.logo {
	padding-left: 25px;
	border: 0;
}

.border {
	border: 1px solid #CCC;
}

.regie-aktuelles-bio h2 {
	padding-bottom: 20px;
	display: block;
	border-top: solid #ccc thin;
	padding-top: 20px;
}
.regie-aktuelles-bio h3 {
	padding-bottom: 5px;
	display: block;
	margin-bottom: 0px;
}
.regie-aktuelles-bio h4 {
	padding-bottom: 5px;
	display: block;
	margin-bottom: 0px;
	color: #000;
}
.regie-aktuelles-bio-subtitle h4 {
	padding-bottom: 5px;
	display: block;
	margin-bottom: 0px;
	color: #930;
}
.regie-aktuelles-bio p {
	margin-top: 0px;
	display: block;
	padding-bottom: 0px;
}
.bio-zeitraum {
	font-style: italic;
	color: #666;
	padding-top: 20px;
}
.bio-zeitraum-no-padding {
	font-style: italic;
	color: #666;
}
.container .sidebar1 .sidebar1 li a img {
	border: thin solid #000;
}

.topnav {
  overflow: hidden;
  background-color: #CC9;
}

.topnav a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 3px 12px;
  text-decoration: none;
   color: #630;
   font-weight: normal;
}

.topnav a:hover { 
  text-decoration: none;
  background-color: #996;
}

.active {
  background-color: #996;
}

.topnav .icon {
  display: none;
}

/* Media Queries ------------------------------- */

@media screen and (max-width: 623px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 623px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
    
   .sidebar1 {
	float: right;
    width: 230px;
}
    
    .sidebar1 p {
	padding: 0px;
}
    
    .sidebar1 img {
    padding-left :0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
    
   main {
	padding: 20px;
	width: 60%;
	float: left;
}    
    
}