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;
}