/* Farbwerte 
1 blue (identities) -> #87dae0
2 turquoise (posters) -> #3abca2
3 green (signage) -> #a5ce2a
4 yellow (print) -> #f5cd13
5 lightorange (websites) -> #f8a326
6 orange (exhibitions) -> #f8881c
7 red (news) -> #e4231e
8 orangered (clients) -> #f25822
9 redbrown (competition) -> #a94919
10 brown (company) -> #664210
11 lightgrey (contact) -> #9d978b
12 grey (search) -> #8f8f91
*/


body {
	background-color: #ffffff;
	color: #333333;
    font-family: Helvetica,sans-serif !important;
    font-size: 11px;
    line-height: 13px;
}

html > body, html > textarea {
    font-size: 11px;
}

div, img {
	margin: 0;
	padding: 0;
	border: none;
}


ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

p {
	margin-bottom: 0px;	
}

table, th, td {
	padding: 0;	
	margin: 0;
	line-height: 13px;
	vertical-align: top;
}

a:visited,
a:link {
	color: #000000;	
}

div.fieldset-content, fieldset {
	border: none;	
}

#tabs {
	margin-bottom: 0px;	
}

.block {
	margin-bottom: 0px;	
}



/* LAYOUT */
html, body, .bg, .bg table, .bg td, #layout {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

#layout {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	color: #000000;
	position:absolute;
	
	min-width: 945px;
	height: 100%;
	overflow: auto !important;
	padding: 20px 0 0 0;
}

#layout img {
	display: block;	
}

#layout input {
	text-transform: none;	
}

#slideshow {
	background-color: #ffffff;	
}

.bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
}

.bg td {
	vertical-align:middle;
	text-align:center;
}

.bg img {
	min-height:50%;
	min-width:50%;
	margin:0 auto;
	display:block;
}

#logo img {
	display: block;	
}

#slideshow.blue {
	background-color: #87dae0;
}

#slideshow.turquoise {
	background-color: #3abca2;
}

#slideshow.green {
	background-color: #a5ce2a;
}

#slideshow.yellow{
	background-color: #f5cd13;
}

#slideshow.lightorange {
	background-color: #f8a326;
}

#slideshow.orange {
	background-color: #f8881c;
}

#slideshow.red {
	background-color: #e4231e;
}

#slideshow.orangered {
	background-color: #f25822;
}

#slideshow.redbrown {
	background-color: #a94919;
}

#slideshow.brown {
	background-color: #664210;
}

#slideshow.lightgrey{
	background-color: #9d978b;
}

#slideshow.grey {
	background-color: #8f8f91;
}

#slideshow_navi_items {
	text-align: center;
	width: 300px;
	position: relative;
	margin: 0 auto;
	z-index: 701;
}

#slideshow_navi_items .navi_wrapper {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	min-width: 50px;	
}

#slideshow_navi_items img {
	float: left;
	width: 15px;
	height: 15px;
}

#slideshow_navi_items #prevImage {
	padding-right: 25px;	
}

#slideshow_navi_items #nextImage {
	padding-left: 25px;	
}

#slideshow_navi_items .last {
	padding-right: 0px;	
}

.slide {
	position: absolute;
	z-index: 1;	
}

#slideshow div:first-child {
	z-index: 2;	
} 






/* HEADER + MENU */
#headercontainer {
	width: 290px;
	margin-right: 20px;
	float: left;
	z-index: 99;
	position: relative;
	height: auto;
}

#header {
	position: relative;	
	z-index: 998;
	padding: 17px 0px 0px 0px;
	width: 230px; 
	margin-left: 36px;
	text-transform: uppercase;
	height: 52px;
	background-color: #ffffff;
	
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    /* red, green, blue, yellow*/
}

.project #header {
	height: auto;	
}

#main-menu {
	display: none;	
	position: relative;
	z-index: 999;
	top: 0px;
	left: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: #ffffff;
}

#block-menu-menu-mainnavigation {
	z-index: 998;	
	width: 230px;
	background-color: #ffffff;
}


.front #header {
	padding-bottom: 0px;
	height: auto;	
}

.front #main-menu {
	display: block;
}


#block-menu-menu-mainnavigation ul {
	padding-left: 0px;
}

#block-menu-menu-mainnavigation li {
	z-index: 700;
	height: 26px;
	float: left;
	width: 230px;
}


#block-menu-menu-mainnavigation li.expanded a,
#block-menu-menu-mainnavigation li.collapsed a,
#block-menu-menu-mainnavigation li.leaf a {
	position: relative;
	z-index: 800;
	height: 26px;
	background-repeat: no-repeat;
	font-size: 20px;
	color: #9d978b;
}

#block-menu-menu-mainnavigation .menu .menu span {
	display: block !important;	
}

#block-menu-menu-mainnavigation .menu .menu a  {
	height: auto;
	font-size: 12px !important;	
} 

.en #block-menu-menu-mainnavigation a.identity {
	background-image: url('../gfx/en/menu_identites.png');
	width: 161px;
}

.fr #block-menu-menu-mainnavigation a.identity {
	background-image: url('../gfx/fr/menu_identites.png');
	width: 155px;
}

.en #block-menu-menu-mainnavigation a.affiches {
	background-image: url('../gfx/en/menu_affiches.png');
	width: 140px;
}

.fr #block-menu-menu-mainnavigation a.affiches {
	background-image: url('../gfx/fr/menu_affiches.png');
	width: 152px;
}

.en #block-menu-menu-mainnavigation a.signaletique {
	background-image: url('../gfx/en/menu_signaletique.png');
	width: 140px;
}

.fr #block-menu-menu-mainnavigation a.signaletique {
	background-image: url('../gfx/fr/menu_signaletique.png');
	width: 215px;
}

.en #block-menu-menu-mainnavigation a.edition {
	background-image: url('../gfx/en/menu_edition.png');
	width: 96px;
}

.fr #block-menu-menu-mainnavigation a.edition {
	background-image: url('../gfx/fr/menu_edition.png');
	width: 125px;
}

.en #block-menu-menu-mainnavigation a.websites {
	background-image: url('../gfx/en/menu_siteweb.png');
	width: 155px;
}

.fr #block-menu-menu-mainnavigation a.websites {
	background-image: url('../gfx/fr/menu_siteweb.png');
	width: 164px;
}

.en #block-menu-menu-mainnavigation a.exhibition {
	background-image: url('../gfx/en/menu_expositions.png');
	width: 192px;
}

.fr #block-menu-menu-mainnavigation a.exhibition {
	background-image: url('../gfx/fr/menu_expositions.png');
	width: 203px;
}

.en #block-menu-menu-mainnavigation a.competition {
	background-image: url('../gfx/en/menu_concours.png');
	width: 221px;
}

.fr #block-menu-menu-mainnavigation a.competition {
	background-image: url('../gfx/fr/menu_concours.png');
	width: 172px;
}

.en #block-menu-menu-mainnavigation a.novelties {
	background-image: url('../gfx/en/menu_nouveautes.png');
	width: 98px;
}

.fr #block-menu-menu-mainnavigation a.novelties {
	background-image: url('../gfx/fr/menu_nouveautes.png');
	width: 200px;
}

.en #block-menu-menu-mainnavigation a.clients{
	background-image: url('../gfx/en/menu_clients.png');
	width: 128px;
}

.fr #block-menu-menu-mainnavigation a.clients{
	background-image: url('../gfx/fr/menu_clients.png');
	width: 128px;
}

.en #block-menu-menu-mainnavigation a.agency {
	background-image: url('../gfx/en/menu_agence.png');
	width: 157px;
}

.fr #block-menu-menu-mainnavigation a.agency {
	background-image: url('../gfx/fr/menu_agence.png');
	width: 130px;
}

.en #block-menu-menu-mainnavigation a.contact {
	background-image: url('../gfx/en/menu_contact.png');
	width: 152px;
}

.fr #block-menu-menu-mainnavigation a.contact {
	background-image: url('../gfx/fr/menu_contact.png');
	width: 143px;
}


#block-menu-menu-mainnavigation .menu .menu,
#block-menu-menu-mainnavigation .menu .submenu {
	display: none;
	min-width: 160px;
	max-width: 700px;
	width: auto;
	position: absolute;
	top: 6px;
	left: 100px;	
	z-index: 900;
	background-color: #ffffff;
	border: 0px solid #8f8f91;
	padding: 15px 15px;
	
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}

#block-menu-menu-mainnavigation .menu .menu li {
	float: left;
	width: 160px;
}

#block-menu-menu-mainnavigation .menu .menu li.last {
	height: auto;	
}

#block-menu-menu-mainnavigation ul.menu li:hover .menu,
#block-menu-menu-mainnavigation ul.menu li:hover .submenu {
	/*display: block;*/
}

#block-menu-menu-mainnavigation .view-Menu a {
	height: auto !important;
	width: auto !important;	
	font-size: 11px !important;
}

#block-menu-menu-mainnavigation .menu .views-field-title {
	margin-bottom: 10px;
	line-height: 16px;	
}

#block-menu-menu-mainnavigation .menu .views-row-last,
#block-menu-menu-mainnavigation .menu .last {
	margin-bottom: 0px;	
}


#block-menu-menu-mainnavigation .menu a:hover {
	font-weight: bold;
	color: #664210;	
}

#block-menu-menu-mainnavigation .menu .blue a:hover {
	color: #87dae0;	
}

#block-menu-menu-mainnavigation .menu .turquoise a:hover {
	color: #3abca2;	
}

#block-menu-menu-mainnavigation .menu .green a:hover {
	color: #a5ce2a;	
}

#block-menu-menu-mainnavigation .menu .yellow a:hover {
	color: #f5cd13;	
}

#block-menu-menu-mainnavigation .menu .lightorange a:hover {
	color: #f8a326;	
}

#block-menu-menu-mainnavigation .menu .orange a:hover {
	color: #f8881c;	
}

#block-menu-menu-mainnavigation .menu .red a:hover {
	color: #e4231e;	
}

#block-menu-menu-mainnavigation .menu .view-News a:hover {
	color: #e4231e;	
}

#block-menu-menu-mainnavigation .clients .menu a:hover {
	color: #f25822;	
}

#block-menu-menu-mainnavigation .competition .menu a:hover {
	color: #a94919;	
}






#category {
	background-repeat: no-repeat;
	background-color: #ffffff;
	position: absolute; 
	width: 230px;	
	height: 26px;
	z-index: 12;
	top: 43px;
	left: 0px;
}

.project #headeroverlay {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 69px;
	/*
	background-color: #ffffff;	
	height: 9px;
	margin-top: 26px;
	*/
}

.en.blue #category {
	background-image: url('../gfx/en/menu_identites.png');	
}

.en.turquoise #category {
	background-image: url('../gfx/en/menu_affiches.png');	
}

.en.green #category {
	background-image: url('../gfx/en/menu_signaletique.png');	
}

.en.yellow #category {
	background-image: url('../gfx/en/menu_edition.png');	
}

.en.lightorange #category {
	background-image: url('../gfx/en/menu_siteweb.png');	
}

.en.orange #category {
	background-image: url('../gfx/en/menu_expositions.png');	
}

.en.red #category {
	background-image: url('../gfx/en/menu_nouveautes.png');	
}

.en.orangered #category {
	background-image: url('../gfx/en/menu_clients.png');	
}

.en.redbrown #category {
	background-image: url('../gfx/en/menu_concours.png');	
}

.en.brown #category {
	background-image: url('../gfx/en/menu_agence.png');	
}

.en.lightgrey #category {
	background-image: url('../gfx/en/menu_contact.png');	
}

.en.grey #category {
	background-image: url('../gfx/en/menu_rechercher.png');	
}






.fr.blue #category {
	background-image: url('../gfx/fr/menu_identites.png');	
}

.fr.turquoise #category {
	background-image: url('../gfx/fr/menu_affiches.png');	
}

.fr.green #category {
	background-image: url('../gfx/fr/menu_signaletique.png');	
}

.fr.yellow #category {
	background-image: url('../gfx/fr/menu_edition.png');	
}

.fr.lightorange #category {
	background-image: url('../gfx/fr/menu_siteweb.png');	
}

.fr.orange #category {
	background-image: url('../gfx/fr/menu_expositions.png');	
}

.fr.red #category {
	background-image: url('../gfx/fr/menu_nouveautes.png');	
}

.fr.orangered #category {
	background-image: url('../gfx/fr/menu_clients.png');	
}

.fr.redbrown #category {
	background-image: url('../gfx/fr/menu_concours.png');	
}

.fr.brown #category {
	background-image: url('../gfx/fr/menu_agence.png');	
}

.fr.lightgrey #category {
	background-image: url('../gfx/fr/menu_contact.png');	
}

.fr.grey #category {
	background-image: url('../gfx/fr/menu_rechercher.png');	
}





/* SEARCH */ 
#content #search-form {
	display: none;	
}

.block-search {
	z-index: 997;
	top: 348px;
	left: 0px;
	width: 230px;
	height: 41px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	/*padding-bottom: 20px;*/
}

.en .block-search {
	background-image: url('../gfx/en/menu_rechercher.png');
}

.fr .block-search {
	background-image: url('../gfx/fr/menu_rechercher.png');
}

.block-search form {
	display: none;
	background-color: #ffffff;
	height: 28px;
	padding-left: 17px;
}

.block-search label {
	display: none;	
}

.block-search .form-item {
	float: left;
	width: auto;	
}

.block-search .form-submit {
	float: left;	
	margin: 0 0 0 10px;
}





/* CONTENT */
#page {
	margin: 0px 0px 20px 36px;
	width: 909px;
}

#page.start {
    margin-left: 310px;
    width: auto;
}

.standardA h1,
.standardB h1 {
	margin-bottom: 32px;	
}

.isStandard #page {
	padding-top: 10px;
	float: left; 
	width: 600px;
	margin-left: 0px;
	padding-bottom: 50px;
}

.isStandard #page h1 {
	margin-top: 23px;	
	font-size: 20px;
	line-height: 22px;
}


/* STANDARD A 2col */
.standardA .col1,
.standardA .col2 {
	width: 45%;
	float: left; 	
	color: #8f8f91;
	line-height: 16px;
}

.standardA .col1 {
	margin-right: 5%;	
}


/* STANDARD B 4col */
.standardB .col1,
.standardB .col2,
.standardB .col3,
.standardB .col4 {
	width: 22%;
	float: left; 
	color: #8f8f91;
	line-height: 16px;	
}

.standardB .col1,
.standardB .col2,
.standardB .col3 {
	margin-right: 4%;	
}



/* HOME */
.menu .view-Start {
	width: auto;
	height: auto;
	border: none;
	position: relative;
	padding: 0;
	right: 0;
}

.view-Start {
	height: 100%;
	border-left: 1px solid #8f8f91;	
	position: absolute;
	top: 0px;
	/*
	border-right: 1px solid #000000;
	*/	
	right: 0px; /*36px*/
	overflow: auto;
}

.view-Start h1 {
	margin: 0px !important;	
	font-size: 14px !important;
	line-height: 16px !important;
}

.view-Start .date {
	float: none; 
	font-size: 12px;
	line-height: 14px;	
}

.view-Start .view-content {
	padding: 10px 40px 0 40px;
	width: 350px;
}

.view-Start .odd,
.view-Start .even {
	border-bottom: 1px solid #000000;
	padding: 25px 0;
}

.view-Start .last.odd, 
.view-Start .last.even {
	border-bottom: none;
}

.view-Start .category {
	margin-bottom: 30px;	
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}




.view-Home.view-display-id-block_1 .odd,
.view-Home.view-display-id-block_1 .even {
    float: left; 
    width: 220px;
    height: 150px;
    position: relative;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
}

.view-Home.view-display-id-block_1 .views-field-field-start-date-value {
    display: none;
    background-color: #ffffff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}

.view-Home.view-display-id-block_1 .notbold {
    font-weight: normal;
    color: #9d978b;
}



/* NEWS */
.view-News {
	text-transform: uppercase;	
}
.view-News .odd, 
.view-News .even {
	clear: both;	
        float: left;
}

.view-News .name {
	padding-top: 20px;
	font-weight: bold;	
}

.view-News .first .name {
	padding-top: 20px;	
}

.date {
	color: #8f8f91;
}

.more {
	height: 20px;	
	background-image: url('../gfx/detail_open_grey.png');
	background-repeat: no-repeat;
	padding-left: 25px;	
	padding-top: 3px;
	margin-top: 20px;
	color: #8f8f91;
}

.blue.project-teaser .category,
.view-Home .blue .project,
.view-Start .blue .date,
.view-Start .blue .more,
.view-News .blue .more {
	color: #87dae0;
}

.turquoise.project-teaser .category,
.view-Home .turquoise .project,
.view-Start .turquoise .date,
.view-Start .turquoise .more,
.view-News .turquoise .more {
	color: #3abca2;
}

.green.project-teaser .category,
.view-Home .green .project,
.view-Start .green .date,
.view-Start .green .more,
.view-News .green .more {
	color: #a5ce2a;
}

.yellow.project-teaser .category,
.view-Home .yellow .project,
.view-Start .yellow .date,
.view-Start .yellow .more,
.view-News .yellow .more {
	color: #f5cd13;
}

.lightorange.project-teaser .category,
.view-Home .lightorange .project,
.view-Start .lightorange .date,
.view-Start .lightorange .more,
.view-News .lightorange .more {
	color: #f8a326;
}

.orange.project-teaser .category,
.view-Home .orange .project,
.view-Start .orange .date,
.view-Start .orange .more,
.view-News .orange .more {
	color: #f8881c;
}

.red.project-teaser .category,
.view-Home .red .project,
.view-Start .red .date,
.view-Start .red .more,
.view-News .red .more {
	color: #e4231e;
}

.orangered.project-teaser .category,
.view-Home .orangered .project,
.view-Start .orangered .date,
.view-Start .orangered .more,
.view-News .orangered .more {
	color: #f25822;
}

.redbrown.project-teaser .category,
.view-Home .redbrown .project,
.view-Start .redbrown .date,
.view-Start .redbrown .more,
.view-News .redbrown .more {
	color: #a94919;
}

.view-Home .brown .project,
.view-Start .brown .date,
.view-Start .brown .more,
.view-News .brown .more  {
	color: #664210;
}

.view-Home .lightgrey .project,
.view-Start .lightgrey .date,
.view-Start .lightgrey .more,
.view-News .lightgrey .more {
	color: #9d978b;
}

.view-Home .grey .project,
.view-Start .grey .date,
.view-Start .grey .more,
.view-News .grey .more  {
	color: #8f8f91;
}

.view-Start .blue .more,
.view-News .blue .more {
	background-image: url('../gfx/detail_open_blue.png');
}

.view-Start .turquoise .more,
.view-News .turquoise .more {
	background-image: url('../gfx/detail_open_turquoise.png');
}

.view-Start .green .more,
.view-News .green .more {
	background-image: url('../gfx/detail_open_green.png');
}

.view-Start .yellow .more,
.view-News .yellow .more {
	background-image: url('../gfx/detail_open_yellow.png');
}

.view-Start .lightorange .more,
.view-News .lightorange .more {
	background-image: url('../gfx/detail_open_lightorange.png');
}

.view-Start .orange .more,
.view-News .orange .more {
	background-image: url('../gfx/detail_open_orange.png');
}

.view-Start .red .more,
.view-News .red .more {
	background-image: url('../gfx/detail_open_red.png');
}

.view-Start .orangered .more,
.view-News .orangered .more {
	background-image: url('../gfx/detail_open_orangered.png');
}

.view-Start .redbrown .more,
.view-News .redbrown .more {
	background-image: url('../gfx/detail_open_redbrown.png');
}

.view-Start .brown .more,
.view-News .brown .more {
	background-image: url('../gfx/detail_open_brown.png');
}

.view-Start .lightgrey .more,
.view-News .lightgrey .more {
	background-image: url('../gfx/detail_open_lightgrey.png');
}

.view-Start .grey .more,
.view-News .grey .more {
	background-image: url('../gfx/detail_open_grey.png');
}




/* PROJECT */
.project-teaser { 
  float: left;
  height: 150px;
  margin-bottom: 30px;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
  width: 220px;
}

.project-teaser div {
  position: absolute;
  background-color: #fff;
  color: #000;
  left: 0;
  bottom: 0;
  padding: 5px 0; 
  width: 100%;
  display: none; 
}

.project-teaser div .category {
  font-weight: bold;
}

.teaser #projectdetail {
	padding: 20px 32px 15px 32px;	
	text-transform: uppercase;
}

#projectdetail {
	text-transform: uppercase;
	width: 194px;	
	padding: 27px 18px 77px;
	color: #000000;
	position: relative;
	z-index: 11;
	margin-top: 27px;
}

#projectdetail h1 {
	margin-bottom: 5px;	
}

#projectdetail .show {
	display: none;	
	margin-top: 20px;
}

#projectdetail .recommendations {
	margin-top: 25px;	
}

.blue .col1 a,
.blue .col2 a,
.blue .col3 a,
.blue .col4 a,
.blue .competition,
.blue #projectdetail .recommendations a {
	color: #87dae0 !important;	
}

.turquoise .col1 a,
.turquoise .col2 a,
.turquoise .col3 a,
.turquoise .col4 a,
.turquoise .competition,
.turquoise #projectdetail .recommendations a {
	color: #3abca2 !important;	
}

.green .col1 a,
.green .col2 a,
.green .col3 a,
.green .col4 a,
.green .competition,
.green #projectdetail .recommendations a {
	color: #a5ce2a !important;	
}

.yellow .competition {
	color: #f5cd13 !important;	
}

.yellow .col1 a,
.yellow .col2 a,
.yellow .col3 a,
.yellow .col4 a,
.yellow #projectdetail .recommendations a {
	color: #cead13 !important;
}

.lightorange .col1 a,
.lightorange .col2 a,
.lightorange .col3 a,
.lightorange .col4 a,
.lightorange .competition,
.lightorange #projectdetail .recommendations a {
	color: #f8a326 !important;	
}

.orange .col1 a,
.orange .col2 a,
.orange .col3 a,
.orange .col4 a,
.orange .competition,
.orange #projectdetail .recommendations a {
	color: #f8881c !important;	
}

.red .col1 a,
.red .col2 a,
.red .col3 a,
.red .col4 a,
.red .competition,
.red #projectdetail .recommendations a {
	color: #e4231e !important;	
}

.orangered .col1 a,
.orangered .col2 a,
.orangered .col3 a,
.orangered .col4 a,
.orangered .competition,
.orangered #projectdetail .recommendations a {
	color: #f25822 !important;	
}

.redbrown .col1 a,
.redbrown .col2 a,
.redbrown .col3 a,
.redbrown .col4 a,
.redbrown .competition,
.redbrown #projectdetail .recommendations a {
	color: #a94919 !important;	
}

.brown .col1 a,
.brown .col2 a,
.brown .col3 a,
.brown .col4 a,
.brown .competition,
.brown #projectdetail .recommendations a {
	color: #664210 !important;	
}

.lightgrey .col1 a,
.lightgrey .col2 a,
.lightgrey .col3 a,
.lightgrey .col4 a,
.lightgrey .competition,
.lightgrey #projectdetail .recommendations a {
	color: #7e7664 !important;	
}

.grey .col1 a,
.grey .col2 a,
.grey .col3 a,
.grey .col4 a,
.grey .competition,
.grey #projectdetail .recommendations a {
	color: #8f8f91 !important;	
}

	
#projectdetail .shower {
	width: 20px;
	height: 20px;
	background-image: url('../gfx/detail_open_green.png');
	background-position: top top; 
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.blue #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_blue.png');
}
.blue #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_blue.png');
}

.turquoise #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_turquoise.png');
}
.turquoise #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_turquoise.png');
}

.green #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_green.png');
}
.green #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_green.png');
}

.yellow #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_yellow.png');
}
.yellow #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_yellow.png');
}

.lightorange #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_lightorange.png');
}
.lightorange #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_lightorange.png');
}

.orange #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_orange.png');
}
.orange #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_orange.png');
}

.red #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_red.png');
}
.red #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_red.png');
}

.orangered #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_orangered.png');
}
.orangered #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_orangered.png');
}

.redbrown #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_redbrown.png');
}
.redbrown #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_redbrown.png');
}

.brown #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_brown.png');
}
.brown #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_brown.png');
}

.lightgrey #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_lightgrey.png');
}
.lightgrey #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_lightgrey.png');
}

.grey #projectdetail .shower.open {
	background-image: url('../gfx/detail_open_grey.png');
}
.grey #projectdetail .shower.close {
	background-image: url('../gfx/detail_close_grey.png');
}

#projectdetail .show a {
	vertical-align: middle;
	color: #000000;
}

#projectdetail #projectpager {
	width: 100%;
	height: 15px;
	margin-top: 50px;
}

#projectdetail .next {
	float: right;
	
}

#projectdetail .next img {
	float: right;
	margin-left: 5px;
}

#projectdetail .previous {
	float: left;
}

#projectdetail .previous img {
	float: left;
	margin-right: 5px;
}





/* YEARS */
.view-Years {
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 22px;
}

.view-Years .view-content {
	clear: both;	
}

.view-Years .even, 
.view-Years .odd {
	float: left; 
	margin-right: 20px;	
}






/* PROJECT BY CLIENT, COMPETITION, PROJECT OVERVIEW */
.teaser,
.view-Projects-by-Client,
.view-Competition {
	text-transform: uppercase;
}

.view-Projects-by-Client .odd,
.view-Projects-by-Client .even,
.view-Competition .odd,
.view-Competition .even {
	clear: both;	
}

.name {
	padding-top: 20px;	
	font-weight: bold;
}

.view-Projects-by-Client .first .name,
.view-Competition .first .name {
	padding-top: 0px;	
}

.project {
	width: 385px;
	float: left; 
}

.date {
	width: 200px;
	color: #000000;	
	float: right;
}

.blue .project {
	color: #87dae0;
}

.turquoise .project {
	color: #3abca2;
}

.green .project {
	color: #a5ce2a;
}

.yellow .project {
	color: #f5cd13;
}

.lightorange .project {
	color: #f8a326;
}

.orange .project {
	color: #f8881c;
}

.red .project {
	color: #e4231e;
}

.orangered .project {
	color: #f25822;
}

.redbrown .project {
	color: #a94919;
}

.brown .project {
	color: #664210;
}

.lightgrey .project {
	color: #9d978b;
}

.grey .project {
	color: #8f8f91;
}

hr {
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0 0;
    height: 1px;
    padding: 0;
    text-align: left;
    margin: 3px 0px;
}

.blue hr {
	border-color: #87dae0;
}

.turquoise hr {
	border-color: #3abca2;
}

.green hr {
	border-color: #a5ce2a;
}

.yellow hr {
	border-color: #f5cd13;
}

.lightorange hr {
	border-color: #f8a326;
}

.orange hr {
	border-color: #f8881c;
}

.red hr {
	border-color: #e4231e;
}

.orangered hr {
	border-color: #f25822;
}

.redbrown hr {
	border-color: #a94919;
}

.brown hr {
	border-color: #664210;
}

.lightgrey hr {
	border-color: #9d978b;
}

.grey hr {
	border-color: #8f8f91;
}












/* SEARCH FORM */
.search-results {
	text-transform: uppercase;	
}

.search-results li {
	margin-bottom: 20px;	
}

.search-results a {
	color: #8f8f91;
	font-weight: bold;
}



/* CONTACT */
.webform-client-form {
	margin-top: 25px;
}



/* NEWSLETTER */
#simplenews-subscription-manager-form {
	position: relative;
	z-index: 501;
	background-color: #ffffff;
	width: 361px;	
	margin: 40px 32px 30px 32px;
	border: 1px solid #EEEEEE;
}





/* FOOTER */
#footer {
	height: 20px;
	padding-top: 5px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 700;	
	width: 100%;	
	text-transform: uppercase;
}

#footer.blue,
.blue #footer {
	background-color: #87dae0;
}

#footer.turquoise,
.turquoise #footer {
	background-color: #3abca2;
}

#footer.green,
.green #footer {
	background-color: #a5ce2a;
}

#footer.yellow,
.yellow #footer {
	background-color: #f5cd13;
}

#footer.lightorange,
.lightorange #footer {
	background-color: #f8a326;
}

#footer.orange,
.orange #footer {
	background-color: #f8881c;
}

#footer.red,
.red #footer {
	background-color: #e4231e;
}

#footer.orangered,
.orangered #footer {
	background-color: #f25822;
}

#footer.redbrown,
.redbrown #footer {
	background-color: #a94919;
}

#footer.brown,
.brown #footer{
	background-color: #664210;
}

#footer.lightgrey,
.lightgrey #footer {
	background-color: #9d978b;
}

#footer.grey,
.grey #footer{
	background-color: #8f8f91;
}

#nl-link,
#block-menu-menu-subnavigation,
.block-locale {
	padding-top: 2px;	
	float: left;
	z-index: 700;
}

#block-menu-menu-subnavigation span {
	display: block !important;
}

#block-menu-menu-subnavigation ul.menu {
	padding-left: 0px;
}

.block-locale {
	border-right: 1px solid #000000;	
	margin-right: 10px;
	padding-left: 66px;
}

.block-locale li {
	float: left; 
	padding-right: 10px;	
}

.block-locale li.active {
	opacity: 0.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);	
}

.block-simplenews {
	float: left;
	width: auto;	
	height: 130px;
	position: relative;
}

.block-simplenews form {
	position: relative;
	top: 500px;
	background-color: #ffffff;
	padding: 17px;
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
}

.block-simplenews .form-submit {
	margin-bottom: 0px;	
}

#nl-link {
	float: none;	
	margin-bottom: 20px;
}


/* SOCIAL MEDIA */
#social-media {
  position: absolute;
  z-index: 899;
  bottom: 27px;
  left: 0;
  height: 23px;
  width: auto;
}

#social-media a { float: left; margin-right: 10px; }

#facebook { margin-left: 15px; }

#facebook div {
  background-image: url('../gfx/fb-icn.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 22px;
  height: 23px;
}

#test {
  position: absolute;
  top: 100px;
  left: 300px;
}

#test div,
#pinterest div {
  background-image: url('../gfx/pin-icn.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 22px;
  height: 23px;
}

#twitter div {
  background-image: url('../gfx/tw-icn.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 22px;
  height: 23px;
}

.blue #twitter div,
.blue #pinterest div,
.blue #facebook div { 
  background-position: 0 0; 
}

.turquoise #twitter div,
.turquoise #pinterest div,
.turquoise #facebook div { 
  background-position: 0 -25px; 
}

.yellow #twitter div,
.yellow #pinterest div,
.yellow #facebook div { 
  background-position: 0 -75px; 
}

.green #twitter div,
.green #pinterest div,
.green #facebook div { 
  background-position: 0 -50px; 
}

.lightorange #twitter div,
.lightorange #pinterest div,
.lightorange #facebook div { 
  background-position: 0 -100px; 
}

.orange #twitter div,
.orange #pinterest div,
.orange #facebook div { 
  background-position: 0 -125px; 
}





/* FONTS */
h1, h2 {
	font-size: 11px;	
	line-height: 13px;
	color: #000000;
}

h1 {
	font-weight: bold;
	margin-bottom: 22px;
	text-transform: uppercase;
}

h2 {
	color: #8f8f91;	
	margin: 0px;
}




.clearall {
    clear: both;
    font-size: 0;
    height: 0;
    width: 0;
}