/* global */
body {
  background:url(../img/bg.gif) #9f9c9d left top repeat-x;
  font-size: 8pt;
  color: #414245;
}

/* layout */
#header {
  background:url(../img/new/head.gif) left top no-repeat;
  float:left;
  height:245px;
  margin: 20px 0 0 12px;
  padding:0;
  position: relative;
  width:950px;
}

#logo {
  margin: 0;
  padding: 0;
  width: 400px;
  height: 80px;
  display: block;
  position: absolute;
  top: 35px;
  text-decoration: none;
}

#header-intro-text {
  color:#252628;
  font-size:12px;
  font-weight:normal;
  text-align:justify;
  position:absolute;
  top:125px;
  left:260px;
  width:397px;
  /* height:22px; */
}

#content {
  margin-top: 3px;
}

#footer {
  background:url(../img/new/footer-bg.gif) left top no-repeat;
  height:35px;
  margin: 10px 0;
  width: 953px;
  position: relative;
}

#row-1, #row-2, #row-3, #row-overview, #row-overview-youtube, #row-overview-picasa, #row-overview-twitter {
  margin-top: 10px;
}

/* extra */

#videos-and-photos {
  margin-top: 10px;
}

#partners {
  margin-top: 10px;
}

/* boxes */

/* box-heights */
#how-to .box-middle, #test-free .box-middle {
  height: 150px;
}

#join-and-win {
  background:url(../img/new/join-and-win.gif) left top no-repeat;
  margin: 0;
  width: 471px;
  height: 255px;
}

#join-and-win a {
  color: #006604;
}

#join-and-win a:hover {
  color: #006604;
  text-decoration: none;
}

#join-and-win-text {
  padding: 50px 20px 0 160px;
  color: #000000;
  text-align: justify;
}

#join-and-win .box-middle {
  background-color: #668ba6;
  height: 180px;
}

#partners .box-head {
  background-image:url(../img/new/partners-head.gif);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:31px;
  width:471px;
}

#partners .box-middle {
  background-color: #efefef;
  height: 45px;
  width: 449px;
  padding: 20px 0 0 20px;
  clear: both;
}

#videos-and-photos .box-head {
  background-image:url(../img/new/videos-and-photos-head.gif);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:31px;
  width:471px;
}

#videos-and-photos .box-middle {
  background-color: #efefef;
  height: 310px;
  width: 449px;
  padding: 20px 0 0 20px;
  clear: both;
}

#newest .box-middle {
  background-color: #efefef;
  height: 695px;
  width: 430px;
  padding: 20px 19px 0 20px;
  clear: both;
}

/* box-images, box-properties */

#content-head .box-head {
  background:url(../img/new/box-head-top.gif) left top no-repeat;
  height:30px;
  width:950px;
  display: block;
  overflow:hidden;
}

#content-head .box-middle {
  background-color: #efefef;
  background-image: none;
  padding: 10px 50px 0 30px !important;
  width: 870px;
  height: 170px;
  clear: both;
}

#content-head .box-bottom {
  background:url(../img/new/box-head-bottom.gif) left top no-repeat;
  height:12px;
  overflow:hidden;
  width:950px;
}

#content-head #service-steps {
  background:url(../img/new/content/service-steps-face.gif) left top no-repeat;
  width: 896px;
  height: 98px;
  position: relative;
}

#content-head #service-steps-face {
  background:url(../img/new/content/service-steps-face.gif) left top no-repeat;
  width: 896px;
  height: 98px;
  position: relative;
} 

#content-head #service-steps #step-1 {
  width: 135px;
  position: absolute;
  left: 34px;
  top: 43px;
}

#content-head #service-steps #step-2 {
  width: 135px;
  position: absolute;
  left: 260px;
  top: 43px;
}

#content-head #service-steps #step-3 {
  width: 135px;
  position: absolute;
  left: 498px;
  top: 43px;
}

#content-head #service-steps #step-4 {
  width: 135px;
  position: absolute;
  left: 738px;
  top: 43px;
}

#row-3-right .box-head {
  background-image:url(../img/new/newproject-head.gif);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:31px;
  width:470px;  
}

.box-head {
  background-image:url(../img/box-head.gif);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:52px;
  width:470px;
}

/*.box-middle {
  background-color: #efefef;
  width: 430px;
  padding: 70px 19px 0 20px !important;
  padding: 20px 19px 0 20px;
  clear: both;
}*/

.box-bottom {
  background-image: url(../img/new/box-bottom.gif);
  background-repeat: no-repeat;
  float: left;
  height: 12px;
  width: 100%;
}

#row-general .box-head {
  background-image: url(../img/main-top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  float: left;
  height: 8px;
  width: 950px;
}

#row-overview .box-head {
  background:url(../img/new/projects-head.gif) left top no-repeat;
  height: 31px;
  width: 950px;
}

#row-overview-youtube .box-head {
  background:url(../img/overview-head-youtube.gif) left top no-repeat;
  height: 31px;
  width: 950px;
}

#row-overview-picasa .box-head {
  background:url(../img/overview-head-picasa.gif) left top no-repeat;
  height: 31px;
  width: 950px;
}

#row-overview-twitter .box-head {
  background:url(../img/overview-head-twitter.gif) left top no-repeat;
  height: 31px;
  width: 950px;
}

#row-overview .overview-logo {
  text-align: center;
  margin: 0 0 15px 0;
}

#row-overview .box-middle {
  width: 900px;
  background-color: #efefef;
  clear: both;
  padding: 20px 30px 20px 20px !important;
}

#row-general .box-middle {
  width: 900px;
  background-color: #efefef;
  clear: both;
  padding: 20px 30px 20px 20px !important;
}

#row-overview-youtube .box-middle {
  background-color: #efefef;
  width: 885px;
  margin: 0;
  padding: 20px 30px 0 35px !important;
  clear: both;
}

#row-overview-picasa .box-middle {
  background-color: #efefef;
  width: 870px;
  padding: 20px 30px 0 50px !important;
  margin: 0;
  clear: both;
}

#row-overview-twitter .box-middle {
  background-color: #efefef;
  width: 865px;
  padding: 20px 30px 0 55px !important;
  margin: 0;
  clear: both;
}

#row-overview .box-bottom, #row-overview-youtube .box-bottom, #row-overview-picasa .box-bottom, #row-overview-twitter .box-bottom, #row-general .box-bottom {
  background:url(../img/new/box-head-bottom.gif) left top no-repeat;
  height:12px;
  overflow:hidden;
  width:950px;
  margin: 0;
  padding: 0;
}

/* individual-boxes */

#first-step h2, #second-step h2{
  text-align: center;
  font-weight: bold;
}

#first-step p, #second-step p{
  text-align: justify;
}

#overview-teaser {
  position: absolute;
  width: 158px;
  height: 22px;
  top: 222px;
  right: 11px;
}

/* typography */

.box-head h3 {
  color: White;
  font-size: 140%;
  font-weight: bold;
  text-align: center;
  margin-top: 18px;
}

.text-medium {
  font-size: 12px;
  font-weight: bold;
}

.red {
  color: #990000;
  font-weight: bold;
}

/* buttons, thumbs, links */
.service-logo {
  float: left;
}

.view-button img{
  float: right;
}

.service-content {
  margin: 10px 0;
}

.youtube-thumb {
  width: 100px;
  height: 75px;
  margin: 0 10px 10px 0;
  float: left;
}

.picasa-thumb {
  width: 75px;
  height: 75px;
  margin: 0 10px 10px 0;
  float: left;
}

.twitter-entry {
  height: 65px;
  margin: 0 0 10px 0;
  padding: 5px;
  background-color: #efefef;
  width: 430px;
}

.youtube-full-thumb {
  width: 265px;
  height: 170px;
  margin: 0;
}

.picasa-full-thumb {
  float: left;
  width: 165px;
  height: 140px;
  margin: 0 10px 10px 0;
}

.twitter-full-entry {
  height: 100px;
  margin: 0;
  padding: 5px;
  background-color: #efefef;
  width: 255px;
}

.youtube-full-thumb-single {
  float: left;
  width: 415px;
  height: 256px;
  margin: 0 10px 20px 10px;
}

.picasa-full-thumb-single {
  float: left;
  width: 190px;
  height: 140px;
  margin: 0 10px 20px 10px;
}

.twitter-full-entry-single {
  float: left;
  height: 100px;
  margin: 0 20px 20px 0;
  padding: 5px;
  background-color: #efefef;
  width: 400px;
}

.rating {
  height: 11px;
  width: 150px;
  margin-bottom: 10px;
}

.rating img {
  float: left;
}

#free-button img {
  float: right;
  margin: 25px 50px 0 0;
}

#imprint {
  margin: 8px 0 0 0;
  position: absolute;
  left: 15px;
}

#tell-a-friend {
  position: absolute;
  right: 5px;
  width: 120px;
  margin: 8px 0 0 0;
  background:url(../img/content/icon-tellafriend.gif) 80px top no-repeat;
}


/* typography-bp-overrides */
a:focus, a:hover {color:#000;}
a {color:#45a9dd;text-decoration:underline;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #808080; }
.loud { color: #45a9dd; }
p img.left  { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }

/* helper */
.clear {
  clear: both;
}

#row-overview .overview-viewbutton {
  text-align: center;
  clear: both;
  margin: 20px 0 15px 0;
}

#pplogo {
  display:block;
  height:27px;
  width:145px;
  margin:0;
  padding:0;
  position:absolute;
  right:13px;
  top:0;
  text-decoration:none;
}

#overview-teaser {
  height:208px;
  position:absolute;
  right:11px;
  top:36px;
  width:250px;
}

#header-general {
  background:transparent url(../img/new/head.gif) no-repeat scroll left top;
  float:left;
  height:245px;
  margin:20px 0 0 12px;
  padding:0;
  position:relative;
  width:661px;
}

#thanks {
margin-bottom: 5px;
}

#thanks .box-head {
background-image:url(../img/new/thanks-head.gif);
background-position:left top;
background-repeat:no-repeat;
float:left;
height:31px;
width:471px;
}

#thanks .box-middle {
background-color: #efefef;
height: 65px;
width: 449px;
padding: 20px 0 0 20px;
clear: both;
}

#winners .box-middle {
  background-color: #efefef;
  height: 445px;
  width: 430px;
  padding: 20px 19px 0 20px;
  clear: both;
}

#row-3-right .winners {
  background-image:url(../img/new/winners-head.gif);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  height:31px;
  width:470px;  
}

.winner-thumb {
  width: 72px;
  margin: 0 10px 10px 0;
  float: left;
}