html {
  background: #005f6a url(../images/top-bg.png) 0 0 repeat-x;
}

body {
  margin: 0;
  padding: 0;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

*, ul, li, p, h1, h2, h3, th, td {
  margin:0;padding:0;
}

.clr {
  clear: both;
}

ul, li {
  list-style: none;
}

img {
  border: none;
}

.notionscanvas {
  width:980px;
  margin: 0 auto;
}

.pushright {
  padding-left: 355px;
  padding-right: 70px;
}

.pushright2 {
  padding-left: 486px;
  padding-right: 70px;
}

.referenzen-logo {
  width: 333px;
  height: 111px;
  float: left;
}

ul.menu {
  float: left;
  margin-left:47px;
}

ul.menu li {
  height:50px;
  display: inline;
  float: left;
}

ul.menu a {
  height:50px;
  display: block;
  float: left;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  outline: none;
  border: none;
}

ul.menu a:hover {
  border: none;
}

ul.menu a span, h1.notions a span {
  display: none;
  border: none;
}

h1.notions a:hover {
  border: none;
}

ul.menu li.menu-referenzen a {
  background-image: url(../images/menu-items.png);
  background-position: 0 0;
  width:114px;
}

ul.menu li.menu-leistungen a {
  background-image: url(../images/menu-items.png);
  background-position: -114px 0;
  width:110px;
}

ul.menu li.menu-unternehmen a {
  background-image: url(../images/menu-items.png);
  background-position: -224px 0;
  width:130px;
}

ul.menu li.menu-referenzen a.active {
  background-position: 0 -50px;
}

ul.menu li.menu-leistungen a.active {
  background-position: -114px -50px;
}

ul.menu li.menu-unternehmen a.active {
  background-position: -224px -50px;
}

ul.menu li.menu-referenzen a:hover {
  background-position: 0 -100px;
}

ul.menu li.menu-leistungen a:hover {
  background-position: -114px -100px;
}

ul.menu li.menu-unternehmen a:hover {
  background-position: -224px -100px;
}

ul.menu li.menu-referenzen a:active {
  background-position: 0 -150px;
}

ul.menu li.menu-leistungen a:active {
  background-position: -114px -150px;
}

ul.menu li.menu-unternehmen a:active {
  background-position: -224px -150px;
}

h1.notions {
  float:left;
  margin-bottom: 0;
}

h1.notions a {
  display: block;
  background: transparent url(../images/notions.png) 0 0  no-repeat;
  width:116px;
  height: 50px;
  border: none;
}

h1.notions a:hover {
  background-position-y: -50px;
}

#page {
  clear:both;
  background:#f7f7f0 url(../images/beige-bottom.png) 0 100% repeat-x;
  padding:40px 0;
}

#footer {
  clear: both;
  background: #005f6a url(../images/blue-top.png) 0 0 repeat-x;
  padding:20px 0;
  color:#fff;
}

ul.items a {
  text-decoration: none;
}

img.png {
  behavior: url(/stylesheets/iepngfix.htc);
}

ul.items {
  width:290px;
  background:transparent url(../images/items-bg-all.png) 0 0 repeat-y;
}

ul.items li {
  background-color: #f7f7f0;
  position: relative;
  height:1%;
  margin-bottom: -1px;
}

ul.items li.active {
  background:transparent url(../images/items-arrow.png) 277px 50% no-repeat;
}

ul.items li.active div.top {
  background:transparent url(../images/items-top.png) 0 0 no-repeat;
  position: absolute;
  top:0;
  height:15px;
  width:290px;
}

ul.items li.active div.bottom {
  background:transparent url(../images/items-bottom.png) 0 100% no-repeat;
  position: absolute;
  bottom:0;
  height:15px;
  width:290px;
}

ul.items li a {
  position: relative;
  width:255px;
  padding:10px 35px 10px 0;
  font-size: 12px;
  color:#666;
  display: block;
  text-align: right;
  outline: none;
  border: none;
}

ul.items li a span.date, ul.items li a span.description {
  color:#b2b2b2;
/*
  padding-right:45px;
*/
}

ul.items li a span.title {
  font-size: 15px;
}
ul.items li a:hover {
  color:#5bf;
}

.switch {
  margin-top:20px;
  height:17px;
  width:275px;
}

a.button-older {
  float: right;
  width:68px;
  height:17px;
  display: block;
  background: transparent url(../images/button-older.png) 0 0 no-repeat;
  border: none;
}

a.button-newer {
  float:left;
  width:68px;
  height:17px;
  display: block;
  background: transparent url(../images/button-newer.png) 0 0 no-repeat;
  border: none;
}

a.button-older:hover, a.button-newer:hover {
  background-position: 0 -17px;
  border: none;
}

a.button-older span, a.button-newer span {
  display: none;
}

.submenu {
  float:left;
}

.stage {
  padding-top:15px;
  margin-left:290px;
}

.stage-small {
  padding-top:15px;
  margin-left:440px;
  height: 344px;
}

#content {
  padding: 20px 0;
  color:#666;
  background-color: #fff;
}
h1 {
  color:#c7db00;
  font-size: 36px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
}

h2 strong {
  font-weight: bold;
}

h2 {
  color: #555555;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 434px;
  line-height: 24px;
  margin-bottom: 10px;
}

h3 {
  font-size: 14px;
  color:#555555;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  width: 384px;
  line-height: 20px;
  margin-bottom: 10px;
}

a {
  color: #5eb8f0;
  text-decoration: none;
  border-bottom: 1px solid #5eb8f0;
}

a:hover {
  color: #005f6a; 
  border-bottom: 1px solid #005f6a;
}

ul.items a:hover {
  border: none;
}

hr {
  border: none;
  background-color: #ccc;
  height: 1px;
  margin: 10px 0;
}

#content p {
  line-height: 1.5;
  font-size: 13px;
  margin: 12px 0;
}

#content ul {
  margin-left:0;
}

#content li {
  list-style-type: circle;
  font-size: 13px;
  margin: 6px 0;
  line-height: 1.3em;
}

#footer {
  background: #005f6a url(../images/footheader.gif) 100% 0 no-repeat;
  color: #fff;
  padding-top:75px;
  padding-bottom:25px;
  font-size:14px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0px;
  line-height:18px;
}

#footer a {
  color:#fff;
  text-decoration: none;
  border: none;
}

#footer a:hover {
  color:#c7db00;
}

#footer h3 {
  padding-left:50px;
  color:#c7db00;
}

#footer p {
  margin: 0 0 5px 0;
  padding-left:50px;
}

#footer strong {
  color:#c7db00;
}

#footer p.map, #footer p.mail {
  padding-left: 0;
}

#footer p.map a {
  padding-left:50px;
  display: block;
  background: url(../images/karte.png) 14px 1px no-repeat;
}

#footer p.mail a {
  padding-left:50px;
  padding-top:3px;
  padding-bottom:3px;
  display: block;
  background: url(../images/TB_Read.png) 16px 0 no-repeat;
  border: none;
}

#footer .copyright {
  text-align: center;
  font-size: 11px;
  margin-top:50px;
}

#footer .logins, .separator {
  color: #c7db00;
}

#footer .logins {
  text-align: center;
  font-size: 11px;
}

div.col {
  float: left;
  margin-right: 90px;
}

div.stuff {
  margin: 0 auto;
  width: 960px;
  float: left;
}

div.backgrounda {
  background: transparent url(http://www.notions.de/images/referenzen/heckert-small.jpg) 100% 0 no-repeat;
  height: 344px;
}

#content li.column1 {
  margin: 0;
  list-style: none;
  background: transparent url(/images/greenarrow.png) 0 6px no-repeat;
  padding-left: 20px;
  line-height: 2em;
}

#content li.column2 {
  margin: 0;
  margin-left: 150px;
  background: transparent url(/images/greenarrow.png) 0 6px no-repeat;
  padding-left: 20px;
  list-style: none;
  line-height: 2em;
}

#content li.tiptop {
  margin-top: -6em;
}

.noborder, .noborder:hover {
  border: none;
}