/*****************************************/
/****** interactive **********************/
/*****************************************/

h3 {
	color:#6B2683;
}
.spacer {
	background-image:url('/img/templates/default/spacer.jpg');
}
.spacer_start {
	background-image:url('/img/templates/default/2/spacer_start.gif');
}
.spacer_wide {
	background-image:url('/img/templates/default/2/spacer_wide.gif');
}
.case_spacer {
	background-image:url('/img/templates/default/2/case_spacer.gif');
}
.case_active a:link, .case_active a:hover, .case_active a:visited  {
	background-color:#6B2683;
}
.case_links:hover {
	background-color:#6B2683;
}
.case_content a:link, .case_content a:hover, .case_content a:visited {
	color:#6B2683;
}
.case_link a:link, .case_link a:hover, .case_link a:visited{
	background-image:url('/img/templates/default/2/link_arrow.gif');
}
.case_links_active {
	background-color:#6B2683;
}
.maintext a:link, .maintext a:visited, .maintext a:hover {
         color:#6B2683;
}
#footer {
	background-image:url('/img/templates/default/spacer_footer.jpg');
	color:#6B2683;
}
#footer a:link, #footer a:visited, #footer a:hover {
	color:#6B2683;
}
.joblink:hover {
	background-color:#6B2683;
}

.error {
	color: #6B2683;
	font-weight: bold;
}
#arrow_link a:link, #arrow_link a:visited, #arrow_link a:hover, a:link #arrow_link, a:visited #arrow_link, a:hover #arrow_link {
	background-color:#F5F6F0;
  color:#6B2683;
  text-decoration:underline;
  background-image:url('/img/templates/default/2/link_arrow.gif');
  font-weight:bold;
	background-repeat:no-repeat;
	padding-left:15px;
  background-position:0px 3px;
}
#hiring_box{
  width:233px;
  height:67px;
  background:url("/img/templates/interactive/hiring.jpg") no-repeat left top;
  position:absolute;
  top:124px;
  left:50%;
  margin-left:106px;
}
#hiring_box a{
  display:block;
  margin:0 0 0 70px;
}
#hiring_box img{
  width:160px;
  height:65px;
}


/************************************/
/****** Awards **********************/
/************************************/


#awards {
	cursor: pointer;
}

/* crack */
.white {
	background-color: #fff;
}

.aw-teaser {
	background-color: #fff;
	color: #717171;
	font-size: 11px;
	font-family: Arial, Tahoma;

	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	width: 227px;
	min-height: 790px
}

.aw-teaser a {
	color: #6b2683;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
}

.aw-teaser #headline {
	color: #6b2683;
	font-size: 22px;
	font-weight: bold;
}

.aw-teaser #awards {
  width:216px;
  height:66px;
  background:url("/img/bplusd-interactive/awards/awards-ia.jpg") no-repeat left top;
  cursor: pointer;
  margin-bottom:
}

.aw-teaser .social_box {
	width: 201px;
	height: 34px;
	padding: 18px 0px 18px 13px;
}

.aw-teaser #pointed_div {
  width:229px;
  height:1px;
  background:url("/img/bplusd-interactive/awards/pointed_div.png") no-repeat left top;
}


.social_box .content, .social_box .content a {
	color: #717171;
}

.social_box #tw {
  width:20px;
  height:21px;
  background:url("/img/social/tw.png") no-repeat left top;
  cursor: pointer;
}

.social_box #four {
  width:20px;
  height:21px;
  background:url("/img/social/four.png") no-repeat left top;
   cursor: pointer;
}



.aw-teaser #find_us_fb {
  width:212px;
  height:28px;
  background:url("/img/social/find_us.jpg") no-repeat left top;
}

#all_projects {
	text-decoration: none;
	position: absolute;
	top: 400px;
	left: 300px;
}

.awardlist {
	margin-top: 10px;
	width: 778px;
	/*background-color: #fff;*/
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 11px;
	padding-right: 11px;
}

.awardlist .award {
	margin-bottom: 48px;

}

.awardlist .award .imgbox {
	width: 107px;
	height: 97px;
	text-align: center;

}

.awardlist .award .copy {width: 640px; 	color: #717171; margin-left: 18px; padding-top: 7px;}
.awardlist .award .copy .head {font-size: 16px; font-weight: bold; margin-bottom: 8px;}
.awardlist .award .content {color: #717171;}
.awardlist .award .content a {color: #717171;}

/*
	Projektliste
*/

.project {
	width: 255px;
	margin-bottom: 14px;
	margin-right: 14px;
	float: left;
	/*min-height: 226px;*/
	margin-top: 5px;
}

.project .img {
	width: 255px;
	height: 175px;
	cursor:pointer;
}

.project.arrow {
	height:28px;
	width:275px;
	margin-top:0px;
}

.project .arrow .text {
	font-size:14px;
	padding-top:5px;
	margin-left:10px;
	font-weight: bold;
	margin-bottom: 6px;
}

a#more {
	margin-right: 13px;
}

.teaser_big {
	padding-bottom: 0px;
}