/* general */

body {
	background: transparent url('../images/bg_blank.png') repeat 0 0;
}

.container {
  width: 778px; 
  margin: 0 0 0 120px;
}

.container.border {
  margin-bottom: 1em;
	border: 1px solid #000;
}

.container.footer {
  margin-bottom: 2em;
  text-align: right;
  font-size: .8571em;
  color: #999;
}

.underline {
  text-decoration: underline;
}

/* sidebar */

.sidebar {
  width: 80px;
  padding-left: 10px;
  font-size: .8571em;
  line-height: 1.25em;
  float: left;
}

.side {
  margin: 0 0 6.5em -11px;
  padding: 1em 1em .5em 1em;
  background: transparent url('../images/bg_blank.png') repeat 0 0;
  border: 1px solid #000;
  border-left: 0;
}

.side.twitter {
  margin-bottom: 2em;
}

.side > h3,
.side > h4,
.side > h5,
.side > p,
.side > div  {
  margin-left: -90px;
  text-align: right;
}

.side > p {
  margin-bottom: 1em;
}

.find_us {
  margin-bottom: 4em;
}

/* Logo & Headings */

h1.logo {
	width: 161px;
  height: 111px;
  margin: 60px 0 130px -85px;
  padding-top: 0;
  
  background: none;
}

h1.logo a {
	display: block;
	width: 161px;
  height: 111px;
  text-indent: -9000px;
  background: transparent url('../images/coup_logo.png') no-repeat 0 0;
}

h1 {
	width: 600px;
  margin: 0 0 20px 0;
  padding-top: 0; 
  
  color: #E7501E;
  font-size: 3em;
  text-transform: uppercase;
  letter-spacing: -.05em;
  text-align: left;
  
  height: 100px;
      
  text-indent: -9000px;
  background: transparent url('../images/co_up_h2.png') no-repeat 100% 0;
}

h1#pricing {
  background-position: 100% 0;
}

h1#coup_coworking_space {
  background-position: 100% -100px;
}

h1#contact {
  background-position: 100% -200px;
}

h1#about {
  background-position: 100% -300px;
}

h1#rules {
  background-position: 100% -400px;
}

h1#events {
  background-position: 100% -500px;
}

h1#drop_in {
  background-position: 100% -600px;
}

h1#imprint {
  background-position: 100% -700px;
}

h2 {
  border-bottom: 1px dotted #E7501E;
}

h3 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
  color: #E7501E;
}


.teaser {
  width: 480px;
  height: 120px;
  margin: 0;
  font-size: 1.1429em;
  font-weight: bold;
}

.navigation {
  width: 480px;
  overflow: hidden;
  color: #FFF;
  margin: 1em 0 0 240px;
  list-style: none;
  font-size: .875em
}

.navigation li {
  float: left;
}

.navigation li a:link,
.navigation li a:visited {
  width: 114px;
  height: 3em;
  display: block;
  padding: .2em 0 .2em 5px;
  border-left: 1px dotted #FFF;
  color: #FFF;
  text-decoration: none;
  background: #000;
  line-height: 1.3;
}

.navigation li.first a:link,
.navigation li.first a:visited {
  border-left: none;
}

.navigation li a:hover,
.navigation li a:active {
  background: #000 url('../images/coup_nav_h.png') no-repeat 100% 0;
}

.navigation li a.active,
.navigation li a.active:hover {
  background: #E7501E url('../images/coup_nav_a.png') no-repeat 100% 0;
}

/* main */

.main {
  width: 480px;
  margin: 0 0 4em 240px;
  padding-top: 4.5em;	
}

.box {
  width: 240px;
  margin: 0;
}

.black_box {
  background: #000;
  color: #FFF;
}


/* links */
a:link, a:visited {
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s;
	color: #333;
	text-decoration: underline;
}

a:hover, a:active {
	color: #E7501E;
	text-decoration: underline;
}

/* on_black links */
a.on_black:link, a.on_black:visited {
	color: #FFF;
	text-decoration: underline;
}

a.on_black:hover, a.on_black:active {
	color: #E7501E;
	text-decoration: underline;
}

/* big link */
a.big_link:link, a.big_link:visited {
	text-decoration: none;
}

a.big_link:hover, a.big_link:active {
	text-decoration: none;
}

/* inverted link */

a.invert:link, a.invert:visited {
	color: #E7501E;
	text-decoration: underline;
}

a.invert:hover, a.invert:active {
	color: #333;
	text-decoration: underline;
}

/* grey links (footer) */
a.grey_link:link, a.grey_link:visited {
	color: #999;
}

a.grey_link:hover, a.grey_link:active {
	color: #666;
}

/* contact link */
a.contact_link:link, a.contact_link:visited {
  margin-right: -53px;
  padding: 15px 55px 5px 0;
	color: #E7501E;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('../images/coup_envelope.png') no-repeat 100% -37px;
}

a.contact_link:hover, a.contact_link:active, a.contact_link.active {
	color: #E7501E;
	text-decoration: underline;
	background-position: 100% 0;
}


/* help links */

a.help_link {
  cursor: help;
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted #E7501E;
}
a.help_link:hover {
  color: #E7501E;
}
/* Events */

.event_feeds {
  text-align: right;
  margin-bottom: .5em;
}

.big_list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.event {
  overflow: hidden;
  color: #000;
  background-color: #FFF;
  background: #FFF url('../images/bg_events.png') no-repeat 100% 100%;
  margin-bottom: 1em;
  padding: 10px;
}

.event .left, 
.event .right {
  padding: 0;
}

.event .left {
  width: 110px;
  float: left;
}

.event .right {
  width: 340px;
  margin-left: 120px;  
}


/* contact page */
.contact {
  overflow: hidden;
  color: #000;
  background-color: #FFF;
  padding: 10px;
  margin-bottom: 1em;
}

.vcard {
}

.contact .left, 
.contact .right {
  width: 220px;
  padding: 0;
  margin-bottom: 1em;
}

.contact .left {
  float: left;
}

.contact .right {
  width: 210px;
  margin-left: 240px;
  border-left: 1px dotted #E7501E;
  padding-left: 10px;
}

hr.orange {
  border: 1px dotted #E7501E;
  margin: 0;
  background-color: transparent;
}


/* widgets */

.twitter .bird {
  height: 40px;
  margin: -1em 0 -1em -3em;
  padding: 0;
	background: transparent url('../images/coup_twitterbird.png') no-repeat 10px 100.5%;
}

#twitter_update_list {
  font-size: .8571em;
  
  width: 240px;
  float: left;
  clear: left;
  margin: 0 0 0 -103px;
  list-style: none;
}

#twitter_update_list li {
  margin: 0 0 1.5em 0;
  padding: 10px 10px 8px 23px;
  background: #E7501E url('../images/tweet_bubble.png') no-repeat 0 0;
  color: #FFF;
}

#twitter_update_list li span {
  display: block;
  padding-bottom: 4px;
  border-bottom: 1px dotted #FFF;
}

#twitter_update_list li a:link,
#twitter_update_list li a:visited {
  color: #FFF;
}

/* upstream link */

.upstream {
  margin-left: -40px;
  margin-bottom: 3em !important;
  cursor: pointer;
  color: #000;
}

.upstream a {
  display: block;
  text-decoration: none !important;
  background: transparent url('../images/logos_sidebar.png') no-repeat 9px -123px;
}

.upstream a:hover {
  background: transparent url('../images/logos_sidebar.png') no-repeat 9px -251px;
}


/* hallenprojekt badge */

.hallenprojekt_badge ul.coworkers {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

.hallenprojekt_badge ul.coworkers li {
  margin-bottom: 1em;
}
.hallenprojekt_badge ul.coworkers li a:link,
.hallenprojekt_badge ul.coworkers li a:visited {
  text-decoration: none;
}

.logo_hallenprojekt {
  height: 45px;
  width: 62px;
  float: left;
  margin: 5em 0 0 0;
  padding: 0;
	background: transparent url('../images/logos_sidebar.png') no-repeat 100% 0;
}

/* pricing */


table.pricing td,
table.pricing th {
  width: 25%;
	border-bottom: 1px dotted #000;
	background: #FFF;
}

table.pricing .last td,
table.pricing .last th  {
	border-bottom: none;
}

table.pricing th {
	background: #FFF;
}

table.pricing {
  border: 10px solid #FFF;
	border-collapse: collapse;
}

p.table_caption {
  font-size: .8571em;
  line-height: 1.2;
  color: #E7501E;
}

/* photos */

ul.photos {
	list-style-type: none;
	margin-left: 0px;
	margin-right: 0px;
}

ul.photos li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	opacity: 0.4;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
}

ul.photos li:hover {
	opacity: 1;
}