/* @override http://www.grow-werbeagentur.de/sites/all/themes/standard/css/style.css */

* {
  margin: 0;
  padding: 0;
}

p,
table {
  margin-bottom: 12px;
}

a#twitter {
	position: relative;
	right: 15px;
}

a#twitter img {
	border: none;
}

.separate {
  padding-bottom: 19px;
  background-image: url(../img/separate.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

table.separate {
  padding-bottom: 14px;
}

h2,
p.headline {
  color: #93826e;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}
.webform-component-fieldset legend {
  color: #93826e;
  font-size: 18px;
  font-weight: normal;
  padding-bottom: 20px;  
}

h3 {
  color: #93826E;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 3px;
}

#body-node-25 h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 15px;
}

.clear {
  clear: both;
}

body {
  background-image: url(../img/body_bg.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  font-family: Verdana;
  color: #6d6d6f;
  font-size: 11px;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  outline: none;
}

a img {
	border: none;
}

#content a {
  color: #6d6d6f;
}

#sidebar a {
	color: #6d6d6f;
	text-decoration: underline;
}
#sidebar a:hover {
	text-decoration: none;
}

#body-node-153 #content ul {
	margin: 0 0 15px 15px;
}

#outer-wrapper {
  width: 859px;
  margin: auto;
  position: relative;
}

#screw {
  background-image: url(../img/screw.png);
  width: 534px;
  height: 462px;
  position: absolute;
  left: 452px;
  top: 77px;
  z-index: 1;
}

#wrapper object {
  margin: 2px 0 0 21px;
}

#menu {
  float: left;
  width: 138px;
}

#banner {
	position: absolute;
	top: 180px;
	left: -13px;
	display: block;
	width: 133px;
	height: 38px;
	padding-top: 6px;
	background-image: url(../img/banner.png);
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
#banner:hover {
	color: #dfdad3;
}


#block-menu_block-1 ul,
#block-menu_block-2 ul {
  margin-top: 114px;
  padding-top: 226px;
  background-color: #505553;
  list-style: none;
}

#block-menu_block-1 ul li,
#block-menu_block-2 ul li {
  height: 17px;
  padding: 2px 0 0 15px;
  border-top: 1px solid #fff;
  background-image: url(../img/menu_list.gif);
  background-position: 6px 8px;
  background-repeat: no-repeat;
}

#block-menu_block-1 ul .active-trail {
  background-color: #93836f;
}

#block-menu_block-1 ul .active-trail a:hover,
#block-menu_block-2 ul .active-trail a:hover {
  color: #fff;
}

#block-menu_block-1 ul li a,
#block-menu_block-2 ul li a {
  color: #fff;
  font-size: 11px;
  display: block;
}

#block-menu_block-1 ul li a:hover,
#block-menu_block-2 ul li a:hover {
  color: #e4e4e4;
}

#block-menu_block-2 ul .active-trail {
  background-color: #a6a7aa;
}

#block-menu_block-2 {
  clear: left;
}

#block-menu_block-2 ul {
  margin-top: 0;
  padding-top: 0;
  background-color: #c5c7c8;
}

#block-menu_block-2 ul li {
  border-top: 1px solid #e2e2e3;
}

#wrapper {
  float: right;
  width: 721px;
  z-index: 100;
  position: relative;
}

#header {
  height: 72px;
  padding: 42px 22px 0 22px;
  background-color: #505553;
}

#logo {
  display: block;
  float: left;
  width: 167px;
  height: 39px;
  background-image: url(../img/logo.jpg);
  text-indent: -7000em;
  outline: none;
}

#department {
  float: right;
  display: block;
  background-image: url(../img/department_border.gif);
  background-repeat: no-repeat;
  padding: 9px 0 0 9px;
  height: 31px;
  color: #dedfdf;
  font-size: 9px;
}

#department:hover {
  color: #c3c3c3;
}

#links {
  float: right;
  list-style: none;
  z-index: 10;
}

#links li {
  float: left;
}

#links li a {
  display: block;
  margin: 3px 0 0 7px;
  font-size: 9px;
  color: #626262;
  background-image: url(../img/links_divide.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 7px;
}

#links li a:hover {
  color: #2e2e2e;
}

#links li .first {
  background: none;
}

#mood {
  margin: 21px 0 0 21px;
  clear: both;
  width: 700px;
  height: 345px;
}

#mood object {
  margin: 0;
}

#mood, #mood embed {
	z-index: 1;
}

#mood.start {
  background-image: url(../img/headers/load_start.jpg);
}

#mood.werbeagentur {
  background-image: url(../img/headers/load_werbeagentur.jpg);
}

#mood.interactive {
  background-image: url(../img/headers/load_interactive.jpg);
}

#mood.leistungen {
  background-image: url(../img/headers/load_leistungen.jpg);
}

#mood.referenzen {
  background-image: url(../img/headers/load_referenzen.jpg);
}

#mood.kontakt {
  background-image: url(../img/headers/load_kontakt.jpg);
}

#mood.default {
  background-image: url(../img/headers/load_start.jpg);
}

#mood.load-start {
  background: url(../img/headers/load_start.jpg);
}

#mood.load-werbeagentur {
  background: url(../img/headers/load_werbeagentur.jpg);
}

#mood.load-interactive {
  background: url(../img/headers/load_interactive.jpg);
}

#mood.load-leistungen {
  background: url(../img/headers/load_leistungen.jpg);
}

#mood.load-referenzen {
  background: url(../img/headers/load_refernzen.jpg);
}

#mood.load-kontakt {
  background: url(../img/headers/load_kontakt.jpg);
}

#mood.load-default {
  background: url(../img/headers/load_start.jpg);
}

#page {
  padding: 0 20px 0 20px;
  background-color: #fff;
  background-image: url(../img/page_bg.gif);
  background-repeat: repeat-y;
  background-position: 462px 0;
  border-top: 20px solid #fff;
  border-bottom: 20px solid #fff;
  margin-left: 21px;
}

/* @group Tabs & Views-Links */
.tabs,
.views-admin-links {
  margin-bottom: 15px;
}

.views-admin-links ul {
  border: none;
}

.tabs li,
.views-admin-links li {
  display: inline;
  margin-right: 15px;
}

#wrapper .tabs li a,
#wrapper .views-admin-links li a {
  color: #b4a89b;
}

.tabs li a:hover,
.views-admin-links li a:hover {
  color: #93826E;
}

.views-admin-links li {
  margin-right: 0;
  padding-right: 3px;
  border-right: 1px solid #d7d7d7;
}

.views-admin-links .last {
  border: none;
}

/* @end */

#content {
  float: left;
  width: 429px;
  padding-right: 21px;
}

#content div.node a {
  color: #93836f;
  text-decoration: underline;
}

#content div.node a:hover {
  text-decoration: none;
}

#sidebar {
  float: right;
  width: 205px;
  margin-left: 5px;
}

#sidebar #projects {
  width: 217px;
}

#sidebar .views-row-first .project {
  background-image: url(../img/separate.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

#sidebar .project img {
  border: none;
}

#sidebar .project .title {
  margin-bottom: 0;
}

#sidebar .project p {
  margin-bottom: 5px;
}

#sidebar .project span {
  display: block;
  padding: 3px 0 3px 0;
  color: #93826e;
  font-weight: bold;
}

#sidebar .project .more a,
#block-views-News-block_1 .views-field-view-node a {
  color: #93826e;
  font-weight: bold;
  font-size: 10px;
  float: right;
}

#sidebar .project .more:hover {
  color: #7e6f5e;
}

/* @group Projekte Node Pfusch */

#body-node-11 #content .field-label,
#body-node-12 #content .field-label {
  display: none;
}
#body-node-11 #content .imagefield,
#body-node-12 #content .imagefield {
  display: none;
}

/* @end */

#footer {
  height: 22px;
  margin-left: 20px;
  padding-top: 12px;
  background-color: #505553;
  text-align: center;
  font-size: 10px;
}

#footer p {
  display: inline;
  margin-right: 10px;
  color: #dedfdf;
}

#footer ul {
  display: inline;
}

#footer ul li {
  display: inline;
  background-image: url(../img/links_divide.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 7px;
  margin-left: 7px;
}

#footer ul .first {
  background: none;
}

#footer a {
  color: #dedfdf;
}

#footer a:hover {
  color: #c3c3c3;
}

/* @group Sidebar */

#sidebar ul {
  list-style: none;
  line-height: 150%;
  margin-bottom: 10px;
  padding-bottom: 10px;
  background-image: url(../img/separate.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

#sidebar .last,
#sidebar ul ul {
  margin-bottom: 0;
  padding-bottom: 0;
  background: none;
}

#sidebar ul span,
#sidebar ul span a {
  color: #93826E;
  font-size: 10px;
  font-weight: bold;
}

#sidebar ul li ul li {
  margin-left: ;
  padding-left: 15px;
  background-image: url(../img/list_style.gif);
  background-repeat: no-repeat;
  background-position: 0 7px;
}

/* @group Sidebar Jobs */

#block-block-3 ul li ul li {
  background: none;
  padding-left: 0;
}

#block-block-3 span a {
  display: block;
}

/* @group Kontakt- und Bewerbungsformular  */

#webform-client-form-104 fieldset {
  border: none;
}

#block-block-4 label {
  display: block;
  margin-bottom: 3px;
}

#webform-client-form-104 label {
  display: block;
  margin: 7px 0 3px 0;
}

#block-block-4 input,
#block-block-4 textarea,
#webform-client-form-104 input,
#webform-client-form-104 textarea {
  width: 203px;
  padding: 2px 0 0 2px;
  margin-bottom: 3px;
  border: 1px solid #c2c3c5;
  background-color: #fff;
  color: #666;
  font-size: 11px;
}

#webform-client-form-104 input,
#webform-client-form-104 textarea {
  width: 420px;
}

#block-block-4 input,
#webform-client-form-104 input {
  height: 16px;
}

#webform-client-form-104 #edit-ihre-bewerbungsunterlagen {
  height: 22px;
}

#block-block-4 textarea,
#webform-client-form-104 textarea {
  height: 135px;
}

#block-block-4 label span,
#webform-client-form-104 label span {
  display: none;
}

#block-block-4 #edit-submit,
#webform-client-form-104 #edit-submit {
  border: none;
  width: auto;
  padding: 0;
  color: #93826E;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
}

#webform-client-form-104 #edit-submit {
  float: right;
  margin: 10px 0 10px 0;
}

#wrapper .webform-confirmation .links a {
  font-weight: bold;
  color: #93826E;
}

/* @end */

/* @end */

/* @group News Block */

#block-views-News-block_1 .views-field-title span a {
  display: block;
  font-size: 14px;
  color: #6D6D6F;
  margin-bottom: 2px;
}

#block-views-News-block_1 .views-field-created span {
  display: block;
  font-size: 10px;
  color: #8a8a8a;
  margin-bottom: 5px;
}

#block-views-News-block_1 .views-row-odd,
#block-views-News-block_1 .views-row-even {
  margin-bottom: 10px;
  padding-bottom: 25px;
  background-image: url(../img/separate.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* @end */

/* @end */

/* @group Google Map */

#map-search-controls {
  width: 638px;
  padding: 10px;
  background-color: #eee;
}

#map-search-controls p {
  display: inline;
  margin-right: 10px;
}

/* @end */

/* @end */

/* @end */

/* @group Referenzen */

/* @group Referenzen-Übersicht */

#body-node-23 #sidebar,
#body-node-72 #sidebar,
#body-sitemap #sidebar,
#body-node-30 #sidebar,
#body-node-104-done #sidebar,
#body-node-25 #sidebar {
  display: none;
}

#body-node-23 #content,
#body-node-72 #content,
#body-sitemap #content,
#body-node-30 #content,
#body-node-104-done #content,
#body-node-25 #content {
  width: 655px;
  padding-right: 0;
}

#body-node-23 #page,
#body-node-72 #page,
#body-sitemap #page,
#body-node-30 #page,
#body-node-104-done #page,
#body-node-25 #page {
  background-image: none;
  margin-right: 0;
}

div#references {
  width: 665px;
}

div#references ul {
  float: left;
  margin-right: 17px;
}

div#references #references-2 {
  margin-right: 0;
}

div#references ul li {
  width: 193px;
  height: 17px;
  margin-top: 1px;
  padding-top: 2px;
  padding-left: 15px;
  background-color:	#bbb;
  background-image: url(../img/menu_list.gif);
  background-repeat: no-repeat;
  background-position: 6px 8px;
  list-style: none;
}

div#references ul .no-pic {
  background-color: #cacaca;
}

#block-views-Referenz-block_3 div#references ul li {
  width: 187px;
}

div#references ul li:hover {
  background-color: #a6a7aa;
}

div#references ul .no-pic:hover {
  background-color: #cacaca;
}

div#references ul .third {
  margin-right: 0;
}

#block-views-Referenz-block_3 div#references ul .third {
  margin-right: 17px;
}

div#references ul li a,
div#references ul li span {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
}

/* @end */

/* @group nach Branchen */

#sidebar #terms {
  background: none;
  list-style-type: square;
  margin-left: 15px;
}

#sidebar #terms li a {
  color: #6D6D6F;
}

#sidebar #terms .active {
  color: #000;
}

#sidebar #terms li a:hover {
  color: #000;
}
/* @end */

/* @group Ref Neu */

#body-node-25 #content {
  overflow: visible;
}

#table-wrapper {
  height: 400px;
  width: 658px;
  overflow: auto;
  margin-bottom: 25px;
  border-bottom: 1px solid #d7d7d7;
}

#head,
#clients {
  width: 640px;
  text-align: center;
  margin-bottom: 0;
}

#head {
  height: 140px;
  width: 657px;
  background-image: url(../img/ref_detail_list.gif);
  background-repeat: no-repeat;
  background-position: 155px 0;
}

#head td {
  text-indent: -7000px;
}

#clients .client,
#head .client {
  width: 150px;
  padding-left: 5px;
}

#clients td {
  text-align: left;
}

#clients td,
#head td {
  border-bottom: 1px solid #eee;
  width: 50px;
  padding: 10px 0 10px 0;
}

#clients .branch-headline {
  border-bottom: 2px solid #dbdbdb;
  background-color: #f8f8f8;
  padding: 10px 0 10px 5px;
  width: 500px;
}

#clients .active {
  background-image: url(../img/type_active.gif);
  background-repeat: no-repeat;
  background-position: 0 center;
}

#head td {
  border-bottom: 1px solid #d7d7d7;
}

/* @end */

/* @group Referenz Node-Ansicht (kein JS) */

#reference {
  position: relative;
}

#details {
  position: absolute;
  top: 85px;
  left: 27px;
  width: 140px;
  height: 350px;
}

#details p {
  font-size: 9px;
  color: #58585a;
  font-family: Verdana;
  margin-bottom: 30px;
}

#details p span {
  display: block;
}

#website {
  margin-top: 25px;
  font-family: Verdana;
  font-size: 10px;
  color: #58585a;
  text-decoration: none;
  font-weight: bold;
}

/* @end */

/* @end */

/* @group AGB */

ol {
  list-style-type: upper-roman;
  padding-left: 17px;
}

ol li {
  padding: 0.3em 0;
}

ol ol {
  list-style-type: decimal;
  margin: 0;
}

/* @end */

/* @group Sitemap */

#body-sitemap .title {
  display: none;
}

.sitemap-box ul {
  margin-left: 15px;
  padding-top: 3px;
}

.sitemap-box ul li {
  padding-top: 3px;
}

.sitemap-box ul li ul {
  padding-top: 3px;
}


/* @end */

/* @start button */
div#button
{
	width: 178px;
	height: 178px;
	position: absolute;
	top: 45px;
	left: -45px;
	z-index: 1000;
	background: url(../img/button.png) no-repeat;
}

* html div#button
{
	background: url(../img/button.gif) no-repeat;
}

div#button a
{
	display: block;
	height: 178px;
	width: 178px;
	text-indent: -7000px;
	outline: none;
}

div#button img
{
	border: none;
}
/* @end button */

/* @group Errors */

div.messages.error,
div.messages.status {
  padding: 5px;
  margin-bottom: 15px;
  background-color: #ffc3c3;
  border: 1px solid #fe6161;
  color: #2e2e2e;
}

div.messages.error ul {
  list-style: none;
  line-height: 165%;
}

div.messages.status {
  background-color: #cbffc2;
  border: 1px solid #9aff89;
}

div.messages.notice {
  display: none;
}

/* @end */

#body-node-6 table td {
  vertical-align: top;
}