html { margin: 0px; padding: 0px; border: 0px; } body { margin: 0px; padding: 0px; border: 0px; text-align: center; background: #0d0d0d url(../images/main_background.jpg) top left repeat-x; color: #000000; font-size: 12px; font-family: "Trebuchet MS", arial } #container { width: 490px; margin: 50px auto 50px 50px; padding: 10px; text-align: left; background: #f8f8f8 url(../images/content_background.jpg) top left repeat-x; } #head { width: 470px; padding: 0px; text-align: left; } #headimage { position: relative; top: 0px; left: 290px; } #head h1 { font-size: 3.0em; font-family: "Trebuchet MS", arial; font-weight: bold; font-variant: small-caps; color: #e36b14; position: relative; top: -220px; left: 10px; } #head p { font-size:2.0em; font-family: "Trebuchet MS", arial; color: #d1dcdd; position: relative; top: -230px; left: 10px; width: 280px; } #headline { position: relative; top: -250px; left: 10px; } #content { position: relative; top: -230px; left: 10px; width: 470px; background-color: #f1f4f5; } #content h2 { width: 450px; line-height: 20px; background-color: #d2dcde; border-bottom: 1px solid black; padding-left: 10px; padding-right: 10px; margin: 0px; padding-top: 0px; padding-bottom: 0px; font-size: 1.2em; font-family: "Trebuchet MS", arial; font-weight: bolder; font-variant: small-caps; color: #e36b14; } #content div { padding-left: 10px; padding-right: 10px; } #footer { padding-right: 10px; padding-left: 10px; text-align: right; font-size: 0.9em; font-family: "Trebuchet MS", arial; font-weight: bolder; color: #d1dcdd; } img { border: 0px; } #footer a, #footer a:hover, #footer a:visited, #footer a:active{ font-size: 0.9em; font-family: "Trebuchet MS", arial; font-weight: bolder; color: #d1dcdd; } #footer .download-pdf-footer { float:left; position:relative; left:0px; } #pdf-footer { position:relative; left:10px; top:-1.7em; line-height:1em; font-size: 1em; font-family: "Trebuchet MS", arial; font-weight: bolder; text-decoration: none; color: #7a7a7a!important; } .accordion_toggle { display: block; outline: none; cursor: pointer; margin: 0 0 0 0; background: url(../images/fold_down.gif) no-repeat 450px 5px; } .accordion_toggle_active { padding-right:10px; background: url(../images/fold_up.gif) no-repeat 450px 5px; } .accordion_content { overflow: hidden; } a { font-size: 1.0em; text-decoration: underline; color: #e36b14; } #head-work .left img { margin-right:20px; border:1px solid black; } #head-cv .left, #head-work .left{ position:relative; top:0px; float:left; width:70px; margin-top:1em; margin-bottom:1em; text-align:right; font-weight:bold; line-height:1em; } #head-cv .leftyear { position:relative; top:0px; float:left; width:70px; margin-top:1em; margin-bottom:1em; text-align:right; font-style:italic; line-height:1em; } #head-cv .right, #head-work .right{ float:right; width:340px; margin-top:1em; margin-bottom:1em; text-align:justify; } #head-cv .rightcompany { float:right; width:340px; margin-top:2em; line-height:1em; text-align:right; font-style:italic; } #head-cv .rightposition { float:right; width:340px; margin-top:-2em; line-height:1em; text-align:left; font-style:italic; } #head-cv .right ul { list-style:none!important; text-indent:0; padding:0; margin:0; } #head-cv .right li { padding-bottom:5px; } .vcard { font-size: 14px; margin-top:10px; margin-bottom:10px; padding:10px; width: 430px; height: 15em; background-color: #f8f8f8; border: 1px solid #c0c0c0; } .given-name, .family-name { font-size: 18px; font-family: "Trebuchet MS", arial; font-weight: bolder; font-variant: small-caps; color: #e36b14; } .contact-address { float:left; } .contact-phone { float:right; position:relative; top:-1em; } .contact-phone ul { list-style:none!important; } .tel { text-align:right; } .contact-mail { font-size: 16px; text-align:center; width:430px; } .contact-im { text-align:left; position:relative; float:left; top:2.5em; } .contact-im ul { list-style:none!important; text-indent:0; padding:0; } .contact-download { float:right; position: relative; top: 6em; } .clear { clear:both; height:0px; } .signature { margin-left:40px; } .quote-left { float:left; background: url(../images/quotes.gif) no-repeat top left; width:50px; height:45px; position: relative; top: -40px; left: 10px; } .quote-right { float:right; background: url(../images/quotes.gif) no-repeat top right; width:50px; height:45px; } blockquote { font-family: courier; text-align: justify; }