body,html{
 height: 100%;
 margin: 0px;
}
body{
 color: black;
 background-color: white;
 font: 13px/15px 'Arial Narrow','Helvetica Narrow',Arial,Helvetica,sans-serif;
 /*fancy scrollbars for ie et al*/
 scrollbar-3dlight-color:#EEEEEE;
 scrollbar-arrow-color:white;
 scrollbar-track-color:white;
 scrollbar-darkshadow-color:#EEEEEE;
 scrollbar-face-color:#EEEEEE;
 scrollbar-highlight-color:#EEEEEE;
 scrollbar-shadow-color:#EEEEEE;
}
h1,h2{
 font-size: 13px;
 line-height: 15px;
 font-weight: bold;
 text-transform: lowercase;
}
h1,h2,p{
 margin: 0px;
 padding: 0px 0px 1em;
}
h1{
 padding-left: 188px;
 padding-top: 5px;
 font-weight: normal;
}
h1,h1 a{
 color:red;
}
a{
 color:black;
 text-decoration: none;
}
p a{
 border-bottom: 1px dotted;
}
a.curr,a:hover{
 color: red;
}
div{
 background: transparent;
}
img,table,td,th{
 border: 0px none;
}
table{
 width: 100%;
 padding-bottom: 1em;
 margin: 0px;
 border-spacing:0px;
}
td{
 padding: 0px;
}
blockquote{
 text-align: justify;
 border: 1px dotted;
 border-width: 0px 1px;
 padding: 0px 0.3em;
}
object{
 margin: 0px 0px 1em;
}
div.sandbag{
 float: none !important;
 height: 0px !important;
 overflow: hidden !important;
 clear: both !important;
 padding: 0px !important;
 margin: 0px;
}
.textinp,textarea,.button,button{
 font-family: inherit;
 font-size: inherit;
 border: 1px solid red;
}
.textinp,textarea{
 border-width: 0px 0px 1px 1px;
}
.button,button{
 background-color: white;
 cursor: pointer;
}
#nav{
 text-transform: lowercase;
 padding: 2em 1em 0.3em;
 border-bottom: 2px solid red;
}
#nav div{
 float: left;
 margin-left: 1.19em;
}
#nav a{
 display: block;
 text-transform: lowercase;
 margin-top: 1em;
}
#nav ul{
 padding: 0px;
 margin: 0.3em 0px 0px;
 list-style-type: none;
 font-size: 95%;
}
#nav li{
 margin: 0px;
 padding: 0px;
}
#nav ul a{
 margin: 0px;
 white-space: nowrap;
}
#bg{
 position: relative;
 width: 760px;
 margin: 0px auto;
 background: url(/images/common/logo_and_drape.png) no-repeat 10px bottom;
 z-index: 1;
}
#homelink{
 display: block;
 position: absolute;
 left: 7px;
 bottom: 0px;
 width: 35px;
 height: 200px;
}
#leftimg{
 position: absolute;
 background: repeat-y scroll center top;
 left: 58px;
 top: 0px;
 width: 88px;
 height: 451px;
}
#content{
 /*background-color: #CC99CC; for debugging*/
 margin-left: 188px;
 font-size: 10pt;
 line-height: 12pt;
 height: 441px;
 overflow: auto;
 overflow-x: hidden;
 padding: 10px 10px 0px 0px;
}
#content ul{
 margin: 0px;
 padding: 0px 0px 1em 1.5em;
 list-style-type: disc;
}
#blackline{
 height: 3px;
 background-color: black;
 overflow: hidden;
}
#footer{
 position: relative;
 width: 760px;
 margin: -3px auto 0px;
 background: url(/images/common/drape_end.png) no-repeat scroll 49px 0px;
 min-height: 2.5em;
 z-index: 10;
}
* html #footer{
 height: 2.5em;
}
#footer #contact{
 /*position: absolute;*/
 position: relative;/*new*/
 float: right;/*new*/
 margin-top: -6px;
 /*width: 760px;*/
 padding-top: 11px;
 white-space: nowrap;
 color: #949494;
 text-align: right;
 z-index: 10;
}
#footer #contact div{
 background-color: white;
 padding: 10px 0px 5px 10px;
 position: absolute;
 right:0px;
 bottom: 1.6em;
 display: none;
 z-index: 10;
}
#footer #contact:hover div,#footer #contact.over div{
 display: block;
}
#footer #contact div span{
 color: red;
}
#footer #contact a{
 color: #949494;
}
#footer #contact a:hover{
 text-decoration: underline;
}
#footer #contact div{
 color: #949494;
}
/*splash*/
.splash #bg{
 background-image: url(/images/common/logo_large.png);
}
.splash #content{
 position: relative;
 margin: 0px;
 padding: 0px;
 height: 451px;
}
.splash #content img{
 display: block;
 margin: 0px auto;
}
.splash #content #adalink{
 display: block;
 position: absolute;
 text-decoration: none;
 top: 200px;
 right: 0px;
}
.splash #content #adalink img{
 margin: 0px;
}
.splash #homelink{
 display: none;
}
.splash #footer{
 background-image: none;
}
.splash #footer #contact div{
 display: block;
}
.splash #contact{
 display: block;
}
/*icon blocks*/
.icons img,.icons a{
 float: left;
 display: block;
 margin: 0px 10px 10px 0px;
}
.icons a img {
 float: none;
 margin: 0px;
}
/*profile (incl. people)*/
.profile #content p{
 max-width: 384px;
}
* html .profile #content p{
 width: 384px;
}
.profile #spiel div{
 width: 384px;
 padding-bottom: 1em;
}
.profile #spiel img{
 display: block;
 float: left;
 margin: 0px 10px 10px 0px;
}
.profile #spiel p{
 clear: left;
}
.profile #spielselector{
 display: none;/*hide*/
}
/*vision and values*/
.profile img.visval{
 display: block;
 margin-top: 135px;
}
/*gallery*/
.gallery #galselector,.gallery #projselector{
 display: none;
}
.gallery #galitems,.gallery #projitems,.gallery div.details{
 width: 384px;
 padding-bottom: 1em;
}
.gallery #galitems a.main,.gallery #galitems a.main img,.gallery #projitems img.main{
 display: block;
}
.gallery #galitems a.main img,.gallery #projitems img.main{
 margin: 0px auto;
}
.gallery h2.proj a{
 font-size: 90%;
 margin-left: 3em;
 font-weight: normal;
 text-transform: none;
}
/*awards (and links)*/
.awards table{
 padding-top: 1em;
 width: 384px;
}
.awards td{
 vertical-align: top;
}
.awards td.year{
 padding-right: 1em;
 color: red;
 font-size: 120%;
}
.awards td div{
 margin-bottom: 0.5em;
}
.awards td span,.awards td a{
 color: #AAA;
}
.awards td a{
 border-bottom: 1px dotted;
}
.awards td a:hover{
 color: red;
}
/*esd*/
.esd #content{
 width: 384px;
}
.esd .topic div{
 height: 180px;
 overflow: auto;
 overflow-x: hidden;
}
/*consultancy*/
.consultancy.prose #content p,.consultancy.prose #content ul,.consultancy.prose #content h2{
 width: 384px;
}
/*media*/
.media .story{
 height: 100px;
 overflow: auto;
 overflow-x: hidden;
 margin-bottom: 1em;
}
.media h2{
 clear: left;
}
.media .dvd a{
 padding-bottom: 1em;
}
/*links*/
.links #content li{
 padding-bottom: 1em;
}
.links li span{
 color: #AAA;
}
/*contact*/
.contact table{
 width: auto;
}
.contact td{
 vertical-align: top;
 padding:0px 0.6em 0.6em 0px;
}
.contact td img{
 vertical-align: middle;
 margin-bottom: 0.4em;
}