html {
  background-color:rgb(255,255,255);
}

body {
  font-size:12px;
  line-height:1.3em;
  background-color:#fff;
  font-family:'Calluna';
}

a {  text-decoration:none; color:#666; -webkit-transition-property: color, background-color, -webkit-transform, z-index; -webkit-transition-duration: 0.35s; }

a:hover { color:#000;}

strong { color:#000; }

#home_link {
  display:block;
  position:absolute;
  top:0px;
  left:0px;
  width:340px;
  height:40px;
  cursor:pointer;
}

#header {
  position:relative;
  height:80px;
  background-color:#e6e6e6;
  z-index:1;
}

#header .buttons {
  display:block;
  position:absolute;
  width:83px;
  height:18px;
  color:#fff;
  text-align:center;
  font-family: 'DroidSans', sans-serif;
  font-size:12px;
  line-height:18px;
  background-color:#ccc;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
}

#header .buttons:hover {
  background-color:#666;
}

#header .buttons:active {
  background-color:#333;
}

#email {
  top:62px;
  right:126px;
}

#impressum_link {
  top:62px;
  right:32px;
}

#wirentwickelnwebapps {
  position:relative;
  height:250px;
  text-indent:-15000px;
  background: transparent url(../images/wir-entwickeln-webapps.png) no-repeat 55px 100px;
  z-index:2;
}

#rechtlicheinformationen {
  position:relative;
  height:250px;
  text-indent:-15000px;
  background: transparent url(../images/rechtliche-informationen.png) no-repeat 55px 100px;
  z-index:2;
}

#content {
  padding-bottom:50px;
}

#content .wrapper {
  position:relative;
  display:block;
  padding:0;
  border:none;
  overflow:hidden;
  clear:both;
}

#content > .buttons {
  display:block;
  position:relative;
  float:left;
  margin-bottom:20px;
  left:407px;
  width:auto;
  height:34px;
  padding:0 20px;
  color:#fff;
  font-family: 'DroidSans', sans-serif;
  font-size:18px;
  line-height:34px;
  background-color:#ccc;
  clear:both;
  -webkit-border-radius:  8px;
  -moz-border-radius:     8px;
}

#content > .toggle.buttons:hover {
  background-color:#999;
}

#content > .toggle.buttons.selected,
#content > .toggle.buttons:active {
  background-color:#666;
}

#content .contentblock {
  position:relative;
  left:180px;
  width:830px;
  margin-bottom:25px;
  font-size:16px;
  clear:both;
}

#content .contentblock.last {
  margin-bottom:120px;
}

#content .contentblock .marginalia {
  position:relative;
  float:left;
  display:block;
  width:220px;
  padding-top:2px;
  text-align:right;
  font-family: 'Calluna', serif;
  line-height:1.3em;
}

#content .contentblock .list {
  position:relative;
  line-height:1.4em;
  padding-left:230px;
  color:#676767;
  font-family: 'Calluna', serif;
}

#content .contentblock .list .lapersona {
  position:relative;
  width:355px;
}

#content .contentblock .list .lapersona span {
  position:absolute;
  top:0px;
  right:0px;
}


#content .contentblock .list .lapersona .buttons {
  display:block;
  position:relative;
  float:right;
  height:18px;
  padding:0 20px;
  margin-left:3px;
  color:#fff;
  text-align:center;
  font-family: 'DroidSans', sans-serif;
  font-size:12px;
  line-height:18px;
  background-color:#ccc;
  -webkit-border-radius:  4px;
  -moz-border-radius:     4px;
}

#content .contentblock .list .lapersona .buttons:hover {
  background-color:#666;
}



#logo {
  position:absolute;
  top:53px;
  left:55px;
  width:325px;
  height:36px;
  text-indent:-5000px;
  background: transparent url(../images/gb-logo.png) no-repeat;
  z-index:500;
}

#berlinwien {
  position:fixed;
  bottom:0px;
  left:318px;
  width:324px;
  height:32px;
  padding:10px 0px 4px 94px;
  color:#676767;
  font-family:"DroidSans";
  font-size:12px;
  background:#f2f2f2;
  z-index:500;
}

#berlinwien strong { 
  display:block;
  color:#000;
  font-family:"DroidSans Bold";
}

/*
#impressum_link {
  position:fixed;
  bottom:10px;
  right:10px;
  color:#aaa;
  font-size:10px;
}
*/

#content .impressum {
  position:relative;
  width:600px;
  margin-left:407px;
  margin-bottom:40px;
  font-size:14px;
  line-height:18px;
  color:#666;
}

#content .impressum h1 {
  margin-bottom:10px;
  color:#999;
  font-size:32px;
}

#content .impressum h2 {
  margin-bottom:5px;
  color:#666;
  font-size:20px;
}

#content .impressum h3 {
  margin-bottom:5px;
  color:#333;
  font-size:12px;
  text-align:center;
  text-transform:uppercase;
}

#content .impressum a {
  color:#333;
  text-decoration:underline;
}

#content .impressum p {
  margin:0 0 20px 0;
}