html{color:#787878;background:#DCDCDC url(../images/body-bg.jpg) repeat-x left top;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;line-height:1.5em;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font:12px Verdana, Helvetica, Arial, sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Block Tags */
h1 {
  font-size: 23px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #8C8C8C;
  line-height: 30px;
  margin: 0;
}

h2 {
  color: #64788C;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 35px 0;
}

h3 {
  color: #64788C;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 1.5em 0 0 0;
}

h3.first {
  padding-top: 0;
}

h4, h5, h6 {
  color: #64788C;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}

p {
  margin: 0 0 1.5em 0;
}

ol {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0 0 1.5em 2.4em;
}

ul {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
  margin: 0 0 1.5em 2em;
	list-style-type: square;
}

li {
  line-height: 1.5em;
}

address {
	color: #787878;
}

blockquote {
  margin: 0 0 1.5em 0;
	padding: 1.5em 1.7em 1.5em 1.7em;
	background-color: #F5F5F5;
	clear: both;
}

pre {
	width: auto;
	max-height: 300px;
	font-family: Courier, monospace;
  margin: 0 0 1.5em 0;
	padding: 1.5em 1.7em 1.5em 1.7em;
	background-color: #F5F5F5;
	overflow: scroll;
}

hr {
	display: none;
}


/* Inline Tags */
a {
	color: #787878;
	text-decoration: none;
}

p a {
	color: #969696;
	text-decoration: none;
}

a:hover {
	color: #64788C;
	text-decoration: none;
}

cite, em, q {
	font-style: italic;
}

strong, b {
	font-weight: bold;
}

i {
	font-style: italic;
}

kbd, samp, var, code, dfn {
	font-family: Courier, monospace;
}

abbr, acronym {
	font-style: italic;
	border-bottom: 1px #787878 solid;
	cursor:help;
}


/* Layout */
#container {
  width: 100%;
  min-width: 880px;
}

#header {
  position: relative;
  height: 100px;
  padding: 60px 0 0 45px;
  overflow: hidden;
}

#header p {
  position: absolute;
  width: 190px;
  height: 160px;
  right: 0;
  top: 0;
  overflow: hidden;
}

#header p a {
  width: 190px;
  height: 160px;
  background: transparent url(../images/header-logo.png) no-repeat right top;
  text-indent: -24000px;
  display: block;
}

#header ul.menu {
  width: 790px;
  height: 20px;
  margin: 0 0 80px 0;
	list-style-type: none;
  overflow: hidden;
}

#header ul.menu li {
  line-height: 20px;
  margin: 0 10px 0 0;
  float: left;
}

#header ul.menu li a {
  line-height: 20px;
  padding: 0 4px;
  background-color: #F4F4F4;
  display: block;
}

#header ul.menu li.act {
  color: #FFF;
}

#header ul.menu li.act a {
  color: #FFF;
  background-color: #64788C;
}

h1 {
  width: 790px;
  height: 95px;
  margin-left: 45px;
  /*overflow: hidden;*/
}

#content {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

#footer {

}

/* Allgemeine Klassen */
a.pdf {
  padding-left: 25px;
  min-height: 25px;
  background: transparent url(../images/icon-pdf.gif) no-repeat left top;
  display: inline-block;
}

a.pdf:hover {
  background-image: url(../images/icon-pdf-hover.gif);
}

a.vcard {
  padding-left: 25px;
  min-height: 25px;
  background: transparent url(../images/icon-vcard.gif) no-repeat left top;
  display: inline-block;
}

a.vcard:hover {
  background-image: url(../images/icon-vcard-hover.gif);
}

h1 em, h1 strong, h1 b {
  font-style: normal;
  color: #64788C;
}

#content.text {
  width: 100%;
  margin: 0 0 27px 0;
  display: inline-block;
}

.home, .gallery {
  position: relative;
  height: 390px;
}

#content.home p, #content.gallery p {
  width: 790px;
  height: 100px;
  margin-left: 45px;
  overflow: hidden;
}

.entry, .team {
  position: relative;
  height: 430px;
}

#content.text h2 {
  width: 790px;
  margin-left: 45px;
}

#content.text h3 {
  width: 790px;
  margin-left: 45px;
  margin-bottom: 0.5em;
  padding-bottom: 0.4em;
  border-bottom: 1px #B4B4B4 solid;
  clear: both;
}

.column-w {
  width: 515px;
  margin: 0 55px 0 45px;
  float: left;
  overflow: hidden;
}

.column-s {
  width: 220px;
  padding-top: 0.6em;
  float: left;
  overflow: hidden;
}

.column-s ul {
  margin: 0 0 1.5em 0;
	list-style-type: none;
}


#scroller {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: #DCDCDC;
}

#scroller div.items {
  width: 15000px;
  background: transparent url(../images/items-bg.jpg) repeat-x left top;
}

#scroller div.item {
  float: left;
}

#content.home #scroller, #content.gallery #scroller {
  position: absolute;
  height: 290px;
  left: 0;
  bottom: 0;
}

#content.entry #scroller, #content.team #scroller {
  position: absolute;
  height: 390px;
  left: 0;
  top: 0;
}

#content.home  #scroller div.items, #content.gallery  #scroller div.items {
  height: 290px;
}

#content.entry #scroller div.items, #content.team #scroller div.items {
  height: 390px;
}

#content.home #scroller div.item, #content.gallery #scroller div.item, #content.entry #scroller div.item, #content.team #scroller div.item {
  width: auto;
  height: 290px;
  margin: 0 10px 0 0;
  overflow: hidden;
}

#content.home #scroller div.nopadding,
#content.gallery #scroller div.nopadding,
#content.entry #scroller div.nopadding,
#content.team #scroller div.nopadding {
  margin: 0;
}

#content.entry #scroller div.item, #content.team #scroller div.item {
  height: 390px;
}

#content.entry #scroller div.back, #content.team #scroller div.back, #content.gallery #scroller div.back {
  width: 200px;
  background-color: #DCDCDC;
  overflow: hidden;
  margin: 0;
}

#scroller div.thumbnail {
  width: 220px;
  height: 140px;
  margin: 0 0 10px 0;
  overflow: hidden;
  background-color: #DCDCDC;
}

#scroller div.thumbnail a img {
  opacity: 0.75;
  filter:Alpha(opacity=75);
}

#scroller div.item .text {
  width: 515px;
  height: 330px;
  padding: 30px 45px;
  background-color: #DCDCDC;
  white-space: normal;
  overflow: hidden;
}

#scroller div.item .space {
  width: 515px;
  height: 330px;
  padding: 30px 45px;
  background-color: #DCDCDC;
  white-space: normal;
  overflow: hidden;
}

#scroller div.item .text h3 {
  padding-top: 0;
}

#scroller .btn-prev, #scroller .btn-next, #scroller .btn-start {
  position: absolute;
  left: 0;
  top: 50%;
  width: 36px;
  height: 40px;
  margin-top: -20px;
  display: block;
  background: transparent url(../images/btn-prev-next-start.png) no-repeat left top;
}

#scroller .btn-next {
  right: 0;
  left: auto;
  background-position: left -40px;
}

#scroller .btn-start {
  position: relative;
  width: auto;
  line-height: 40px;
  padding-left: 50px;
  background-position: left -80px;
}

.tooltip {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 150px;
  color: #FFF;
  padding: 5px 10px;
  background: transparent url(../images/tooltip-bg.png) repeat left top;
  z-index: 1000;
}

#content.entry .overview, #content.team .overview {
  position: absolute;
  top: 390px;
  left: 45px;
  height: 40px;
  line-height: 40px;
  overflow: hidden;
}

#content.team #scroller div.item .space {
  background-color: #FFF;
}

a.person {
  background-color: #FFF;
  display: block;
}

#content.team .overview span {
	margin: 0;
  display: inline-block;
  white-space: nowrap;
}

#content.team .overview a.hover {
  color: #FFF;
}

#content.team .overview a.act {
  color: #64788C;
}

#overview {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: transparent url(../images/overview-bg.png) repeat left top;
  z-index: 1100;
  overflow: hidden;
}

#overview .content {
  color: #B4B4B4;
  margin: 160px 45px 0 45px;
  width: 890px;
  min-height: 485px;
}

#overview .content a {
  color: #B4B4B4;
}


#overview .content a:hover {
  color: #FFF;
}

#overview .content h1 {
  color: #DCDCDC;
  width: auto;
  height: 95px;
  margin-left: 0;
  overflow: hidden;
}


#overview .content .thumbnails {
  height: auto;
  width: 900px;
  margin: 0 0 15px 0;
  overflow: hidden;
}

#overview .content .thumbnails ul {
  margin: 0;
	list-style-type: none;
}

#overview .content .thumbnails ul li {
  margin: 0 10px 10px 0;
  line-height: 0;
	float: left;
}

#overview .content .thumbnails ul.last {
  margin: 0;
}

#overview .content .thumbnails ul li a {
  display: block;
}

#overview .content .thumbnails ul li a img {
  opacity: 0.80;
  filter:Alpha(opacity=80);
}

#overview .content .thumbnails ul li a:hover img,
#overview .content .thumbnails ul li a.hover img {
  opacity: 1;
  filter:Alpha(opacity=100);
}

#overview .content .textlist {
  margin: 0 0 25px 0;
  display: block;
}


#overview .content .textlist span {
	margin: 0;
  display: inline-block;
  white-space: nowrap;
}

#overview .content .textlist span a.hover {
  color: #FFF;
}


#overview .content .archivelist {
  margin: 3em 0 25px 0;
  display: block;
}

#overview .content .archivelist span {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
}

#overview .content .archivelist span a.hover {
  color: #FFF;
}

#overview .content .archivelist p {
  margin-bottom: 0;
}


#overview .loading {
  width: 485px;
  background: transparent url(../images/loading.gif) no-repeat center center;
}

.js .more {
  margin: 0 0 1.5em 0;
  overflow: hidde;
  /*display: none;*/
}