/** * Layout */
#header, #main, #right, #footer {
  border: none;
}
#wrapper {
  position:relative; 
}
#header {
  background: #ffffff;
  border-bottom: 1px solid #cccccc;
  background-image: url(http://www.berliner-mediationstag.de/files/Layout/Unternehmen/BMT_Logo.gif);
  background-repeat:no-repeat;
  background-position: right 20px top 20px;
  min-height:120px;
}

#main {
  min-height: 300px;  
  background: #ffffff;
}
#right {
  border-width: 0;
}
#footer {
  padding-top: 20px;
  background: #ffffff;
  border-top: 1px solid #cccccc;
  min-height:80px;
}
/** * Body */
body {
  margin-top: 10px;
  background-image: url(http://www.berliner-mediationswerkstatt.de/files/layout/img/bg.gif);
  color: #424242;
}
/** * Headline color */
h1, h2, h3, h4, h5, h6 {
  color: #c00;
}
/** * Basic tags */
/** * Links */
a, a:visited {
  color: #000;
  text-decoration: underline;
  font-size: 13px;  
}
a:focus, a:hover, a:active {
  color: #c00;
  text-decoration: none;
  font-size: 13px;  
}
p {
  text-align: left;
}
@keyframes marquee {
 0%   { text-indent: 550px }
 100% { text-indent: -550px }
}

.marquee {
 width: 550px;
 margin: auto;
 padding: 10px;
 overflow: hidden;
 white-space: nowrap;
 border: solid 0px #CCCCCC;
 animation: marquee 10s linear infinite;
}

.marquee:hover {
 animation-play-state: paused;
}