/* by jan nischan @ yousign */

* {
margin:0;
padding:0;
font-size:100%;
line-height: 18px;
font-weight:normal;
vertical-align:baseline;
font-family:sans, myriad pro,trebuchet ms,arial,verdana,sans-serif;}

body {line-height:1;}
ul {list-style:none;}
fieldset, img {border:none;}
abbr {border-bottom:none;}


body {background: #ffffff url(../images/header.gif) 0 0 repeat-x; color:#535d55; font-family:sans, myriad pro, trebuchet ms, Arial, Helvetica, sans-serif; font-size:75%; line-height: 1.5em;}
:link,:visited {line-height:1.25em; text-decoration:none; color:#93b10b;}
a:hover {color:#535D55;}
hr, legend {display:none;}

.accessibility {display:none !important;}

#yousign {width:964px; margin: 0 auto; min-height:200px; position: relative; padding-top:9px;}
#header {height:240px; position: relative;}
#content {padding-top:25px;}
#main {float:left; position:relative; width:627px;}
#secondary {float:right; width:320px;}
#footer {clear:both; padding:0 23px 10px;}

#header a {display:block; height:0; padding-top:216px; width:350px; overflow:hidden; position:absolute; right:0; bottom:2px; background: url(../images/yousign-logo.jpg) 0 0 no-repeat; outline:0;}
#header .content {height:0; padding-top:160px; overflow:hidden; width:591px; position: absolute; top:25px; left:22px; background: url(../images/head_yousign.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_konzeption {height:0; padding-top:160px; overflow:hidden; width:480px; position: absolute; top:25px; left:22px; background: url(../images/head_konzeption.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_interactive {height:0; padding-top:160px; overflow:hidden; width:497px; position: absolute; top:25px; left:22px; background: url(../images/head_interactive.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_corporate {height:0; padding-top:160px; overflow:hidden; width:518px; position: absolute; top:25px; left:22px; background: url(../images/head_corporate.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_printgestaltung {height:0; padding-top:160px; overflow:hidden; width:518px; position: absolute; top:25px; left:22px; background: url(../images/head_printgestaltung.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_kartografie {height:0; padding-top:160px; overflow:hidden; width:518px; position: absolute; top:25px; left:22px; background: url(../images/head_kartografie.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_illustration {height:0; padding-top:160px; overflow:hidden; width:394px; position: absolute; top:25px; left:22px; background: url(../images/head_illustration.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_projekt_bdc {height:0; padding-top:160px; overflow:hidden; width:500px; position: absolute; top:25px; left:22px; background: url(../../download/kunden/bdc/chirurgie-suche/konzept/client/header/head.gif) 0 0 no-repeat; line-height:1.5em;}
#header .content_projekt_total_pr {height:0; padding-top:160px; overflow:hidden; width:500px; position: absolute; top:25px; left:22px; background: url(../../download/kunden/total/preisanzeige/client/header/head.gif) 0 0 no-repeat; line-height:1.5em;}


.referenceList {margin-top:-2px;}
.reference {background: #ffffff url(../images/main_reference-content.gif) 0 0 repeat-y; margin-bottom:14px; width:100%; /*ie6*/}

.reference-header, .reference-content, .reference-footer {padding: 0 23px;}
.reference-header {padding-top:17px;}
.reference-content {font-size: 13px; line-height: 12px; line-height:14px;}
.reference-footer {overflow:hidden; padding-bottom:13px;}

.reference .caption {color:#a9aeaa; font-size:11px; padding-top:3px;}

.reference-header {background: url(../images/main_reference-header.gif) 0 0 no-repeat;}
.reference-inner {background: url(../images/main_reference-footer_line.gif) 0 100% no-repeat;}


.reference-title {background-repeat: no-repeat; background-position: 0 0; font-size: 25px; line-height: 28px; padding-bottom: 12px; border-bottom: 1px solid #d0d6d1; margin-bottom: 10px;} 
.reference-teaser {border-bottom: 1px solid #d0d6d1; margin-bottom:10px; padding-bottom:10px;}
.reference-client {border-bottom: 1px solid #d0d6d1; font-size: 13px; line-height: 12px; margin-bottom:10px; padding-bottom:7px; padding-top:5px;}
.reference-clientani {border-bottom: 1px solid #d0d6d1; margin-bottom:10px; padding-bottom:7px; padding-top:175px;}
.reference-client dd {font-weight:bold;}
.reference-clientani dd {font-weight:bold;}
.reference-description {font-size: 13px; line-height: 12px; padding-bottom:14px;}
.reference-description .title {font-size: 18px; line-height: 22px; padding-top:8px; margin-bottom:14px;}
.reference-sources {border-bottom: 1px solid #d0d6d1; font-size: 13px; margin-bottom:10px; padding-bottom:7px;}
.reference-footer .top a {float:right; color:#535d55; padding-left:14px; background: url(../images/topArrow.gif) 0 5px no-repeat;}
.reference-footer .zoom a {float:right; color:#535d55; padding-left:17px; background: url(../images/zoomArrow.gif) 0 5px no-repeat;}


.module {background:#ffffff url(../images/module-top.gif) 0 0 no-repeat; margin-bottom:20px; width:100%; /*ie6*/}
.module-inner {background: url(../images/module-bottom.gif) 0 100% no-repeat; padding:20px;}

.module-title {border-bottom:1px solid #d0d6d1; font-size: 19px; line-height: 22px; margin-bottom:10px; height:0px; padding-top:0px; padding-bottom: 30px; background-repeat:no-repeat;}


#module-contact {position: relative;}
#module-contact .contactmail, #module-contact .jobmail {position: absolute; overflow:hidden; bottom:19px; display:block; width:110px; background: url(../images/module-contact_mails.gif) -10px 0 no-repeat; height:0; padding-top:18px;}
#module-contact .contactmail {left:20px;}
#module-contact .jobmail {background-position: -10px -18px;}
#module-contact .jobmail {left:160px;}
#module-contact .vcard {line-height: 1.5em; height:0; padding-top:219px; width:100%; overflow: hidden; background: url(../images/module-contact.gif) 0 0 no-repeat; margin-bottom:18px;}

#module-spectrum .module-inner {padding-bottom:0px;}
#module-spectrum .spectrum li {height:0; padding-top:0px; overflow: hidden; width:100%; margin-bottom:2px;}

#module-projekte .module-inner {padding-bottom:10px;}
#module-projekte .projekte li {height:0; padding-top:70px; overflow: hidden; width:100%; margin-bottom:10px;}
#module-projekte .eins {background-position: 0 0;}
#module-projekte .zwei {background-position: 0 -80px;}
#module-projekte .drei {background-position: 0 -160px;}
#module-projekte .vier {background-position: 0 -240px;}


#module-clients .clientList {padding-top:0px; font-size: 11px; line-height: 24px; }
#module-jobs .clientList {padding-top:0px; font-size: 11px; line-height: 24px; }
#module-team .teamList {padding-top:389px; background: url(../images/team.jpg) 0 0 no-repeat; height:0; overflow:hidden;}

#map-anfahrt {height:380px; width:580px; }
#map-anfahrt_klein {height:320px; width:280px; }
#map-anfahrt_gr {height:100%; width:100%; position:absolute; margin:0; padding:0; border:none; background:#fff; overflow:hidden; }

#footer * {display:inline; font-size: 12px; }
#footer li {margin-left: .5em;}
#footer li.imprint a {
position: absolute; top: 4px; right:27px; display:block;
padding: 0 4px 5px 4px;
width:104px; height:19px; overflow: hidden; color:#fff;
text-align: center; font-size:9px; line-height:18px; background: url(../images/topTab.gif) 0 0 no-repeat;
text-transform: uppercase;}
#footer li.imprint {margin-left:0;}





.portfolioList {margin-top:-2px;}
.portfolio {background: #ffffff url(../images/main_reference-content.gif) 0 0 repeat-y; margin-bottom:14px; width:100%; /*ie6*/}

.portfolio-header, .portfolio-content, .portfolio-footer {padding: 0 23px;}
.portfolio-header {padding-top:17px;}
.portfolio-content {line-height:14px; float:left; width:280px; height: 230px; padding: 0; margin: 0 -2px 0 23px; }
.portfolio-footer {overflow:hidden; padding-bottom:13px;}

.portfolio .caption {color:#a9aeaa; font-size:11px;}

.portfolio-header {background: url(../images/main_reference-header.gif) 0 0 no-repeat;}
.portfolio-inner {background: url(../images/main_reference-footer_line.gif) 0 100% no-repeat;}


.portfolio-title {background-repeat: no-repeat; background-position: 0 0; font-size: 24px; line-height: 27px; padding-bottom: 12px; border-bottom: 1px solid #d0d6d1; margin-bottom: 10px;} 
.portfolio-teaser {margin-top:2px; }
.portfolio-client {font-size: 11px; line-height: 9px; margin-bottom:15px; padding-bottom:7px; padding-top:5px;}
a.portfolio-details-link { display: block; float: left; height: 30px; width: 30px; text-indent: -999em; margin-top: 3px; margin-right: 10px; background: transparent url(../portfolio/detail.gif) left top no-repeat; }
.portfolio-client dd {font-weight:bold;}
.portfolio-client_blank {font-size: 11px; line-height: 9px; margin-bottom:15px; padding-bottom:4px; padding-top:8px;}
.portfolio-client_blank dd {font-weight:bold;}
.portfolio-description {font-size: 13px; line-height: 12px; padding-bottom:14px;}
.portfolio-description .title {font-weight:bold; margin-bottom:14px;}
.portfolio-sources {border-bottom: 1px solid #d0d6d1; font-size: 13px; margin-bottom:10px; padding-bottom:7px;}
.portfolio-footer .top a {float:right; color:#535d55; padding-left:14px; background: url(../images/topArrow.gif) 0 5px no-repeat;}
.portfolio-footer .zoom a {float:right; color:#535d55; padding-left:17px; background: url(../images/zoomArrow.gif) 0 5px no-repeat;}