@font-face { font-family: HelveticaNeue-Roman; src: url('HelveticaNeue-Roman.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-Bold; src: url('HelveticaNeue-Bold.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-Thin; src: url('HelveticaNeue-Thin.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-ThinItalic; src: url('HelveticaNeue-ThinItalic.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-Light; src: url('HelveticaNeue-Light.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-LightItalic; src: url('HelveticaNeue-LightItalic.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-Medium; src: url('HelveticaNeue-Medium.otf'); format("opentype");}
@font-face { font-family: HelveticaNeue-MediumItalic; src: url('HelveticaNeue-MediumItalic.otf'); format("opentype");}

/* Share */

.icon, .icon3 {float:left;}
.icon2 {padding-left:6px; float:left;}
.icon3 {padding-left:12px;}

.xingshare {
     display:block;
     width:16px;
     height:16px;
     background:url('xing.png') no-repeat;
}
.twittershare {
     display:block;
     width:16px;
     height:16px;
     background:url('twitter.gif') no-repeat;
}

/* Layout */

body {
     font-family: HelveticaNeue-Roman, Arial, sans-serif;
    margin:30px 0 0 0; padding:0;
    font-size: 11pt;
    color:#3F3F3F;
    }
a { text-decoration:none; color:#336eab; }
a:hover {
     color:#003080;
    }
#container {
    width:980px;
     margin:auto;
     }
#sidebar {
     width:180px;
    float:left;
}
#content {
     width:750px;
    margin-left:45px;
    float:left;
}
h1 { text-transform:uppercase; color:#336eab; font-weight:normal; font-size: 48px; line-height:1.1em; margin:0 0 0 0; }
     h1 span.first { font-family:HelveticaNeue-Bold; display:block; }
     h1 span.line { font-family:HelveticaNeue-Roman; display:block; }
#subtitle { margin:30px 0 0 0; padding:0; color:#999999; line-height:1.5em; }
     #subtitle span.first { font-family:HelveticaNeue-Bold; display:block; }
     #subtitle span.line { display:block; }
#menu {
     height:167px;
    margin:30px 0 0 0;
    padding:0;
     color:#999999;
    line-height:1.5em;
    font-size:13pt;
}
#menu a {
     font-family: HelveticaNeue-Medium, Arial, sans-serif;
    opacity:0.5;
    border:1px solid #fff;
    padding:2px 4px;
}
#menu a:hover {
    opacity:0.8;
     color:#FFF;
     background: #6197ee;
    border:1px solid #336eab;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
     box-shadow: 0 0 7px #4480e0;
     -webkit-box-shadow: 0 0 7px #4480e0;
     -moz-box-shadow: 0 0 7px #4480e0;
     filter: progid:DXImageTransform.Microsoft.dropShadow(color=#4480e0, offX=7, offY=7, positive=true);

}
#menu span {
     display:block;
    margin-top:10px;
}
#madeby { margin:0 0 20px 0; padding:0; color:#999999; line-height:1.5em; }
     #madeby span.first { font-family:HelveticaNeue-MediumItalic; display:block; }
     #madeby span.line { font-family:HelveticaNeue-LightItalic; display:block; }

.description p { color:#7F7F7F; margin:5px 0 0 0; }
.description p strong { color:#999999; font-family: HelveticaNeue-Bold; }